JavaScript 基础语法 简略（变量/函数/数组/对象）

文章目录

• • 一、JavaScript语句
  • 1，工作原理
  • 2，加入网页
  • 二、语法·JavaScript里区分大小写
  • 1，变量
  • 2，函数
  • 3，数组（顺序存储）
  • 4，对象

学习书籍《Head First JavaScript》

只记录个人觉得需要注意的点

（第一章到第五章）

一、JavaScript语句

1，工作原理

HTML（超文本标记语言）指定网页的内容和结构

CSS（层叠样式表）指定网页的外观：颜色、字体、边框、边距和网页的布局

JavaScript能够让你在网页中进行编程，从而实现计算并给网页添加行为等动态功能

·JavaScript早期是一种（解释型）脚本语言，现在既可以获得脚本语言的便利性，又可以享受编译型语言的性能

2，加入网页

① 直接放在

<script></script>

标签中

② 放在外部js文件中，

<script src=” ”></script>

引用

二、语法·JavaScript里区分大小写

·注释：单行：// 多行：

·创建提醒框

alert()

·使用控制台

console.log()

——用来找程序错误

·

prompt()

——用来获取用户的输入

·

Math.random()

——获取[0,1)的小数；

Math.floor()

——向下圆整最接近小数

1，变量

变量可以存储多种值，不赋值时默认

undefined

2，函数

function 函数名(参数名){
     return ;
}
           

·不需要在形参名前指定关键字var

·传入的参数不够，将没有相应实参的形参设置为未定义

·传递的实参太多，忽略多余的实参

·全局变量的寿命与网页一样长；局部变量通常在函数结束时消失·

未声明的变量，默认为全局变量

·函数中，同名局部变量遮盖全局变量

·全局变量位于同一个空间，要避免使用的变量发生冲突

·浏览器分两遍读取网页：第一遍读取所有的函数定义，第二遍开始执行代码

3，数组（顺序存储）

数组长度：

exam.length

添加元素：

①

myarray.push(value)

②

exam[n]=value;

·稀疏数组：没有赋值的索引处的值为

undefined

·在使用数组执行计算等操作时，首先判断该值是否为

undefined

以避免差错

·重构函数使函数更易于理解和维护，通常函数只做一件事

4，对象

声明：

var person={
	name:lili,
	age:18,
	speak:function(this.name,this.age){
	    alert(this.name+this.age);
	},
	weight:50
}
           

添加属性：

对象名.属性名=值;

删除属性：

delete 对象名.属性名;

访问属性方式：

①对象名.属性名

②对象名[“属性名”]

·对象封装（隐藏）对象状态和行为的复杂性

·对象变量存储的是指向对象的引用

·使用方法来修改属性是一种封装方式，可改善代码的可维护性和可扩展性·for in 迭代对象

·对象的状态与行为会相互影响