文章目錄

• • JavaScript進階1
  • • 預解析
    • 作用域
    • 面向對象的寫法

JavaScript進階1

預解析

//預解析 //1) console.log(a); var a = 1; //解析過程 var a; console.log(a); a = 1;//2)例子 console.log(f); var f = 123; function f(){console.log(456); } //解析過程 var f; function f(){console.log(456); } console.log(f); //function 當變量和函數同名時，優先留下函數的值（不管誰先誰后，函數優先級更高） f = 123;//4) var x = 100; function x(){console.log(456); } console.log(x); //100 //解析過程 var x; function x(){}; x = 100; console.log(x);//5) console.log(a,b,c,d,e); var a = 10; var b; c = 30; function d(){console.log('d') }; var e = function(){console.log('e') } //解析過程 var a; var b; function d(){}; var e; //c 錯誤//面試題console.log(a);var a = 1;function a(){console.log(2)};console.log(a);var a = 3;console.log(a);function a(){console.log(4)}console.log(a);//解析過程// var a;// function a(){console.log(2)};// function a(){console.log(2)}; //當變量和函數同名時，優先留下函數的值（不管誰前或后，函數優先級更高）// function a(){console.log(4)}//執行過程// console.log(a); ===>function a(){console.log(4)}// a = 1;// console.log(a); ===>1// a = 3;// console.log(a); ===>3// console.log(a); ===>3

作用域

//作用域 ES5 全局作用域 局部作用域 ES6添加塊級作用域 var x = 10; //全局作用域 function f1(){var y = 100; //局部作用域 console.log(x) }; function f2(){var z = 1000; //局部作用域 console.log(x) }; console.log(y);//1)var a = 1; //全局作用域function f1(){ //f1可訪問 avar b = 2; //b屬于f1下的作用域function f2(){var c = b; // 2b = a; //1a = c; //2console.log(a,b,c); // 2 1 2};f2();};f1();//2)var a = 1;function f1(){console.log(a); // 1};f1();//3)function f1(){var a = 1;};f1();console.log(a); // 報錯//4)var a = 1;function f1(){console.log(a);a = 2;};f1();console.log(a);//解析過程// var a;// function f1(){};// a = 1;// f1(); a = 2;// console.log(a); == > 2//5）//重點：全局變量和局部變量不同名時，作用域是整個程序//全局變量和局部變量同名時，全局變量的作用域不包含同名局部變量的作用域var a = 1;function f1(){console.log(a); // undefinedvar a = 2;};f1();console.log(a); // 1// 面試題var a = 10;function f1(){var b = 2*a; //2*undefined ==>NANvar a = 20;var c = a+1; //21console.log(b);console.log(c);};f1();

面向對象的寫法

//可見前JavaScript基礎2文章

鏈接：https://blog.csdn.net/hhhmonkey/article/details/118367248

總結

以上是生活随笔為你收集整理的JavaScript进阶1-学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。