JavaScript面向对象笔记记录（二）（示例代码）

/**
 * 1、严格模式:
 *     在文件的第一行写，表示全局使用严格模式
 *     在函数的第一行写，表示该函数使用严格模式
 */
 // 'use strict'

/*
* 2、在局部变量中定义不直接使用的变量是全局变量（严格模式不允许）
* */
function test() {
    message = 'hi'
}
test()
// alert(message)  可以访问，严格模式下报错

/*
* 3、变量声明提升,另外，函数定义也会提升，而let定义的变量不能再定义之前使用
* 所以对于变量尽量先定义再使用
* */
//alert(a)  //提示undefined，不报错
//var a = 1

///报错，未定义
// alert(a)

/*
* 4、变量的作用域,js作用域链向上查找
* 以下函数A不能访问变量b，而函数B能访问a
*
* 另外：局部变量指函数范围内的变量，块级作用域是if、switch、for等含大括号的的范围
* */
function A() {
    var a
    function B() {
        var b
    }
}

/*
* 有两种情况会打破向上查找的规则
* */
//（1）with語句，with(location)會創建一塊頂層作用域，在該作用域中的變量會被上层作用域获得
//（2）在catch块中定义变量，catch被认作是一个函数，创建了自己的下级作用域，
//     它里面的变量会暴露出来，即打破了作用域链的范围
/*
* 注意：.不写var，变量默认为全局变量，严格模式下报错
*      .变量的值会顺着作用域链向上查找，链中如果有多个值，只要找到一个就停止了
* */

/*
* 5、es6声明变量
* var
* function
* 以下为es6新增
* let
* const
* import
* class
* */
var a = '1'
console.log(window.a)  //1
let b = '2'
console.log(window.b)  //undefined

/*
* 6、let，定义块级变量
* */
{
//    这也是一个块
    let aa = 1
    var bb = 2
}
// console.log('aa:' +aa)  //报错
// console.log('bb:' +bb)

/*
* js中for循环的变量初始化最好使用let,它的每一次循环都是一个新的块区域
* 而let定义的变量都不是同一个变量，但其赋值来源于上一次的let变量值,
* 而var则是不变的全局变量
* 如下:
* */
//使用var
var arr = []
/*for (var i = 0;i < 5;i++){
    arr[i] = function () {
        console.log(i)
    }
}

for (var j = 0;j < 5;j++){
    arr[j]() //输出 5个5
}*/

//使用let
for (let i = 0;i < 5;i ++){
    arr[i] = function () {
        console.log(i)
    }
}

for (var j = 0;j < 5;j++){
    arr[j]()
}  //输出0、1、2、3、4

/*
* 值得注意的是，for循环的()中的let和{}中的let不是一个变量，所以可以在这两个地方
* 重复定义,可以但不推荐
* for(let i = 0; i < 5; i++){
*   let i = 'a';
* }
*
* 另外：同一块区域中只要使用了let就不能重复定义该变量，无论是使用var还是let
* */
/*
* let或const造成的暂时性死区(TDZ)
* 在一个块中一旦有let或者const，则其他同名变量都不能再使用，只能以该块中的let或
* const变量为准
* */
{
    let a = 0
    console.log(a)
    {
        let a = 1
        // var a = 3  //错误，不能重复定义
        console.log(a)
    }
}
//另外：es6允许在块内部声明函数，这些函数会被提升到块的最前端，
// 但这样使用存在浏览器兼容问题，故最好不要在块中定义函数

/*
* 7、使用const定义常量
* .const声明时就必须初始化
* .不可修改
* .const也是块级作用域（同let）
* .不可重复声明
* .对象常量只是其指针不变，而其内部内容可变，应该使用Object.freeze,如下
* */
// var o = Object.freeze({name:'123'})
// console.log(o.name)
// o.name = '43' //直接报错，不可修改
// console.log(o.name)