JavaScript 对象
JavaScript 对象
访问对象属性
你可以通过两种方式访问对象属性:
person.lastName;
person["lastName"];
访问对象方法
<p id="demo1"></p>
<p id="demo2"></p> <script> var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastName; } }; document.getElementById("demo1").innerHTML = "不加括号输出函数表达式：" + person.fullName; document.getElementById("demo2").innerHTML = "加括号输出函数执行结果：" + person.fullName();
</script>
JavaScript 函数语法
有时，我们会希望函数将值返回调用它的地方。
通过使用 return 语句就可以实现。
在使用 return 语句时，函数会停止执行，并返回指定的值。
在您仅仅希望退出函数时 ，也可使用 return 语句。返回值是可选的：
function myFunction ( a , b ) {
if ( a > b ) {
return ;
}
x = a + b
}
如果 a 大于 b，则上面的代码将退出函数，并不会计算 a 和 b 的总和。
JavaScript 作用域
局部变量：在函数中通过var声明的变量。
全局变量：在函数外通过var声明的变量。
没有声明就使用的变量，默认为全局变量，不论这个变量在哪被使用。
JavaScript == 与 === 区别
1、对于 string、number 等基础类型，== 和 === 是有区别的
- a）不同类型间比较，== 之比较 "转化成同一类型后的值" 看 "值" 是否相等，=== 如果类型不同，其结果就是不等。
- b）同类型比较，直接进行 "值" 比较，两者结果一样。
2、对于 Array,Object 等高级类型，== 和 === 是没有区别的
进行 "指针地址" 比较
3、基础类型与高级类型，== 和 === 是有区别的
- a）对于 ==，将高级转化为基础类型，进行 "值" 比较
- b）因为类型不同，=== 结果为 false
- null 和 undefined 的值相等，但类型不等：
JavaScript 类型转换
Number() 转换为数字， String() 转换为字符串， Boolean() 转化为布尔值。
JavaScript 数据类型
在 JavaScript 中有 5 种不同的数据类型：
- string
- number
- boolean
- object
- function
3 种对象类型：
- Object
- Date
- Array
2 个不包含任何值的数据类型：
- null
- undefined
typeof 操作符
你可以使用 typeof 操作符来查看 JavaScript 变量的数据类型。
- NaN 的数据类型是 number
- 数组(Array)的数据类型是 object
- 日期(Date)的数据类型为 object
- null 的数据类型是 object
- 未定义变量的数据类型为 undefined
JavaScript 类型转换
1，全局方法 String() 可以将数字转换为字符串。
该方法可用于任何类型的数字，字母，变量，表达式：String(x) // 将变量 x 转换为字符串并返回
Number 方法 toString() 也是有同样的效果。x.toString(),
2，全局方法 Number() 可以将字符串转换为数字。
JavaScript 正则表达式
在 JavaScript 中，正则表达式通常用于两个字符串方法 : search() 和 replace()。
1.search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。
例：
<p>搜索字符串 "runoob", 并显示匹配的起始位置：</p> <button οnclick="myFunction()">点我</button> <p id="demo"></p> <script> function myFunction() { var str = "Visit Runoob!"; var n = str.search(/Runoob/i); document.getElementById("demo").innerHTML = n; // n = 6 }
</script>
2.replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。
例：
<p>替换 "Microsoft" 为 "Runoob" :</p> <button οnclick="myFunction()">点我</button> <p id="demo">请访问 Microsoft!</p> <script> function myFunction() { var str = document.getElementById("demo").innerHTML; var txt = str.replace("Microsoft","Runoob"); document.getElementById("demo").innerHTML = txt; } </script>
3. test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。
以下实例用于搜索字符串中的字符 "e"：
var patt = /e/; patt.test("The best things in life are free!");
// 等同于 /e/.test("The best things in life are free!");
JavaScript 变量提升
JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。
JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。
JavaScript 只有声明的变量会提升，初始化的不会。
JavaScript 使用误区
以下实例由于类型不一致不会执行 alert 弹窗：
var x = 10; switch(x) { case "10": alert("Hello"); //10 === "10" 为false }
var x = 10 + "5"; // x 的结果为 "105"
所有的编程语言，包括 JavaScript，对浮点型数据的精确度都很难确定：
var x = 0.1; var y = 0.2; var z = x + y // z 的结果为 0.3
if (z == 0.3) // 返回 false,z=0.3.00000000000004
为解决以上问题，可以用整数的乘除法来解决：
var z = (x * 10 + y * 10) / 10; // z 的结果为 0.3
字符串断行需要使用反斜杠(\)，如下所示:
var x = "Hello \
World!";
在 JavaScript 中，分号是可选的 。如果是一个不完整的语句，JavaScript 将尝试读取第二行的语句，如果语句是完整的JavaScript 将自动关闭语句:
在 JavaScript 中, 对象 使用 名字作为索引。
如果你使用名字作为索引，当访问数组时，JavaScript 会把数组重新定义为标准对象。
执行这样操作后，数组的方法及属性将不能再使用，否则会产生错误:
var person = []; person["firstName"] = "John"; person["lastName"] = "Doe"; person["age"] = 46; var x = person.length; // person.length 返回 0
var y = person[0]; // person[0] 返回 undefined
程序块作用域
在每个代码块中 JavaScript 不会创建一个新的作用域，一般各个代码块的作用域都是全局的。
以下代码的的变量 i 返回 10，而不是 undefined：
for (var i = 0; i < 10; i++) { // some code }
return i;
JavaScript 函数参数
Arguments 对象
JavaScript 函数有个内置的对象 arguments 对象。
argument 对象包含了函数调用的参数数组。
通过这种方式你可以很方便的找到最大的一个参数的值：
x = findMax(1, 123, 500, 115, 44, 88); function findMax() { var i, max = arguments[0]; if(arguments.length < 2) return max; for (i = 0; i < arguments.length; i++) { if (arguments[i] > max) { max = arguments[i]; } } return max; } document.getElementById("demo").innerHTML = x;