文章目錄

• • 前端---JavaScript基礎1
  • • 數據類型
    • 面向對象
    • 對象創建方式
    • 對象類型判斷

前端—JavaScript基礎1

JS是 解釋型語言：跨平臺 慢 編譯型語言：不能跨平臺 快

數據類型

面向對象

對象創建方式

對象類型判斷

//基本類型 boolean number string null undefined var str = "aaa"; var num = 111; var bool = true; var und = undefined; var n = null; //復雜類型 array object function var arr = [1,2,3]; var obj = {}; var fun = function(){}console.log(typeof str) //所有引用的值都是對象//解釋型語言 編譯型語言 //值傳遞、引用傳遞 棧、堆（內存）//創建數組的方式 //第一種 var arr = new Array(); arr[0] = "a"; arr[1] = "b"; //第二種 var arr2 = new Array("a","b"); //第三種 var arr3 = ["s","t"];//面向對象 面向過程 //面向對象：對象（屬性、行為） //面向過程：不具備復用性、沒有對象思想 //高級語言：抽象 繼承 多態 封裝 //創建對象的方式 //第一種 var person = new Object(); person.name = "jack"; person['age'] = 12; //第二種 字面量 var = person2 = {}; //相當于創建一個空對象 person2.name = "jack2"; person2['age'] = 16; person2.action = function(){console.log(this.name); } //嵌套字面量 屬性的名稱是否加引號：屬性名稱中包含空格 - 需要加引號 var person3 = {name:"jack3"; }; //第三種 工廠模式 對象 實例 function createObj(name){//原料var obj = new Object();//加工obj.name = name;obj.action = function(){console.log(this.name);}return obj; } var p = createObj("小侯"); p.action(); //第四種 構造函數 function createObj2(name){this.name = name;this.action = function(){console.log(this.name);} } var p2 = new createObj2("小侯"); p2.action(); //第五種 公有和私有 function Person3(name){//私有var name = name;var say = function(){console.log(name)}//公有return{say:say //通過公開的方法去引用私有的屬性} } var p3 = Person3("小侯"); console.log(p3.name); //undefined 有點類似閉包的使用 p3.say();

基本類型與引用類型的區別：

總結

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

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