【代码大全】精华总结之变量(11)

102 阅读1分钟

作用域

image.png

image.png

  • js es6 let const 局部作用域思想 非常 重要的原因

持久性

image.png

  • 此处 其实 在 vue data 内的数据 没有初始化 也可使用 ,但会有 warning 警告 需要注意 !

赋值时间

image.png

  • 常规在函数中 先初始化一个 变量 然后 进行 操作 ,最后 返回 这个值 或者 作为一个 中间控制值使用 比如
let testValue = false 

xxx testValue = xxx
if(testValue  === xxx){}
...
return testValue 

数据结构与控制结构的关系

  • 这几种 是 不管学习什么语言 都会接触的 语句处理逻辑

image.png

  • 比如
const a = 1
const b = 2 
const c = a + b 

image.png

  • 比如 if 和 switch case
if(xxx){}else if(){}else{}

switch(*expression*) {  
  case *x*:  
* // code block  
*    break;  
  case *y*:  
* // code block  
*    break;  
  default:  
    // *code block*  
}

image.png

  • 比如
for(let i = 0; i < 10; i ++) {
... do something 
}

变量功能单一性

image.png

image.png

image.png

全局变量

全局变量 问题

  • 如果多个 地方 能改变 这个值 , 这个值 非常 危险, 你是否赞同 ? image.png

image.png

  • 不管 哪种 语言 模块化 和 分块管理 都显得 非常 重要 image.png

image.png

image.png

image.png

使用全局数据的理由

image.png

image.png

怎样降低使用全局数据的危险

image.png

检查表

image.png

小结

image.png