javascript 的組成
- javascript 的組成部分：
- DOM : Document Object Mode 文檔對(duì)象模型酝惧，此處的文檔指的是 HTML 頁(yè)面（HTML 文檔）
為我們提供了一套操作頁(yè)面元素的 api (一套工具)
api:application(應(yīng)用) programming(編程) interface(接口) - BOM： Browser Object Mode 瀏覽器對(duì)象模型，提供一個(gè)和瀏覽器交互的對(duì)象，核心對(duì)象： window
- ECMAScript：規(guī)定語(yǔ)法的標(biāo)準(zhǔn)
基本類(lèi)型和復(fù)雜類(lèi)型
- 兩種數(shù)據(jù)類(lèi)型
- 基本（簡(jiǎn)單）數(shù)據(jù)類(lèi)型
- string 字符串類(lèi)型
- number 數(shù)值（小數(shù)和整數(shù)）
- boolean 布爾類(lèi)型（true | false）
- null 空類(lèi)型
- undefined 未定義
- 復(fù)雜（復(fù)合）數(shù)據(jù)類(lèi)型
- Object 對(duì)象類(lèi)型
- Array 數(shù)組類(lèi)型 =====>Object
- Date 日期類(lèi)型 =====>Object
- Math 數(shù)學(xué)類(lèi)型 =====>Object
- Function 函數(shù) =====>function(并非Object)
- RegExp 正則表達(dá)式
- String 字符串對(duì)象類(lèi)型
- Number 數(shù)值對(duì)象類(lèi)型
- Boolean 布爾對(duì)象類(lèi)型
- 判斷對(duì)象類(lèi)型的方法
- 關(guān)鍵字 typeof
- 語(yǔ)法 typeof 變量
var str = "demoString";
console.log(typeof str);
var number = 10;
console.log(typeof number);
console.log(typeof null); //Object
console.log(null instanceof Object); //true |false(錯(cuò)誤的)
var obj = {};
if (typeof obj == "object")
{
console.log("有值");
}
var a;
//if (a == undefined)
if (typeof a == "undefined")
{
console.log(a);
}
等于和全等于符號(hào)說(shuō)明
- 賦值操作 （=）
- 等于符號(hào) （==）
- 作用：用來(lái)判斷左邊的值和右邊的值是否相等
- 特點(diǎn)：判斷是否相等
- 全等符號(hào)（===）
特點(diǎn)：判斷值是否相等馆铁，以及類(lèi)型是否相等 - 不等于符號(hào)（!=）
- 不全等于符號(hào) （!=）
null 和 undefined 的區(qū)別
變量的值永遠(yuǎn)都不可能等于 null ,除非我們手動(dòng)賦值 null
設(shè)置變量為 null 是告訴系統(tǒng)這個(gè)變量不再使用，可以把占用的內(nèi)存空間釋放
值類(lèi)型和引用類(lèi)型
值類(lèi)型
string
number
boolean
undefined
null (*)
引用類(lèi)型
Object 類(lèi)型，以下類(lèi)型其本質(zhì)基本都是 Object 類(lèi)型
Function function======>object
Array
Date
String
Number
Boolean
變量在內(nèi)存中存儲(chǔ)的結(jié)構(gòu)，和超市儲(chǔ)存箱很像茴恰，有一個(gè)名字（比如說(shuō)01,02,03）還有一個(gè)空間（可以存放數(shù)據(jù)）
區(qū)別： 區(qū)別在于空間中存儲(chǔ)的信息
值類(lèi)型：存儲(chǔ)的是具體數(shù)據(jù)
引用類(lèi)型：存儲(chǔ)的是一個(gè)引用 (reference)[地址]，該引用指向內(nèi)存的一塊存儲(chǔ)空間斩熊，這塊空間存儲(chǔ)著具體數(shù)據(jù)
舉例：
01（變量的名稱(chēng)） ------> 一個(gè)蘋(píng)果（具體數(shù)據(jù)）
02（變量的名稱(chēng)） ------>蘋(píng)果在超市的第二排貨架的第一列（地址）
值類(lèi)型和引用類(lèi)型的賦值
- 賦值（=）：
左邊的變量 = 右邊的變量往枣；
var a = 10;
內(nèi)部細(xì)節(jié)：是把右邊變量（空間中）存儲(chǔ)的值賦值一份放在左邊變量開(kāi)辟的存儲(chǔ)空間中 - 值類(lèi)型的賦值
賦值操作：是把右邊變量（空間中）存儲(chǔ)的值[具體數(shù)據(jù)]復(fù)制一份放在左邊變量(空間中)修改了其中的一個(gè)變量對(duì)另一個(gè)變量沒(méi)有影響 - 引用類(lèi)型的賦值
賦值操作：是把右邊變量（空間中）存儲(chǔ)值的[地址]賦值一份放在左邊變量（空間中），修改了其中一個(gè)對(duì)象粉渠，對(duì)另外一個(gè)對(duì)象是有影響的
var str1 = '讓我掉下眼淚的分冈，不止作業(yè)的酒';
var str2 = str1 ;
console.log(str1 == str2);//true
//修改變量的值
str1 = '讓我依依不舍的，不止你的溫柔'
console.log(str1);
console.log(str2);
var obj1 = {name:'zs'};
var obj2 = obj1;
obj1.name = 'lisi';
console.log(obj2.name); //lisi
//該行代碼切斷 obj2和obj1 的聯(lián)系
obj1 = {age:22};
console.log(obj2.age);
//輸出 undefined
值類(lèi)型和引用類(lèi)型在函數(shù)中的使用
在函數(shù)中的使用
函數(shù)的參數(shù)：
形參（形式參數(shù)）：該變量使用來(lái)占位用的霸株，在調(diào)用之前是沒(méi)有值的雕沉，在函數(shù)內(nèi)部表現(xiàn)為一個(gè)局部變量（param）
實(shí)參：函數(shù)調(diào)用的時(shí)候傳入的參數(shù)，這個(gè)參數(shù)是有值的（a）;函數(shù)的調(diào)用
把實(shí)參的值賦值給形參
值類(lèi)型作為函數(shù)的參數(shù)：那么內(nèi)部修改了參數(shù)的值去件，對(duì)外部的實(shí)參沒(méi)有影響
引用類(lèi)型數(shù)據(jù)作為函數(shù)的參數(shù)：那么內(nèi)部修改了形參的值坡椒，對(duì)外部的實(shí)參有影響饺著，他們只想的是內(nèi)存中的同一塊數(shù)據(jù)
<script>
function func(param){
console.log(param);//我是字符串
param = '我也是一個(gè)字符串';
console.log(param);
}
var a = '我是字符串';
func(a);
console.log(a);
</script>
<script>
function foo(obj){
console.log(obj.name);//zhangsan
//嘗試修改形參的值
//obj.name = 'lisi';
obj = {
name:'嘩啦嘩啦';
}
obj.name = 'lisi';
}
var o = {name:'zhangsan'};
foo(o);
console.log(o.name,'_____');
</script>
//此處例子并未顯示出引用類(lèi)型賦值在函數(shù)內(nèi)部如果改變的話(huà)，會(huì)對(duì)函數(shù)外部造成影響 肠牲？？靴跛？
對(duì)象的動(dòng)態(tài)特性
- javaScript 中的對(duì)象和其他的大多數(shù)語(yǔ)言都不一樣
- 對(duì)象支持動(dòng)態(tài)特性：增刪改查（方法）
- 對(duì)象：鍵值對(duì)的集合（key - value）
- 屬性：在對(duì)象內(nèi)部聲明的變量
- 方法：在對(duì)象內(nèi)部定義的函數(shù)
-操作對(duì)象的屬性和方法可以使用兩套方式 - 點(diǎn)語(yǔ)法
- 中括號(hào)
//點(diǎn)語(yǔ)法使用
//創(chuàng)建要給空的對(duì)象
var obj = {};
//動(dòng)態(tài)添加屬性
obj.name = 'zhangsan';
console.log(obj.name);
//修改屬性
obj.name = 'lisi';
console.log(obj.name);
//區(qū)分添加還是修改:在通過(guò)點(diǎn)語(yǔ)法的方式訪(fǎng)問(wèn)屬性的時(shí)候缀雳，先檢查該屬性是否存在，如果存在就是修改梢睛，如果該屬性不存在肥印，那么就是添加
//添加方法
obj.showName = function(){
console.log('我的名字');
}
obj.showName();
//修改方法
obj.showName = function(){
console.log('哈哈哈哈')；
}
obj.showName();
//輸出對(duì)象的屬性
//關(guān)鍵字 delete
//語(yǔ)法：delete 對(duì)象.屬性
delete obj.name;
console.log(obj.name);
//中括號(hào)語(yǔ)法[]
var obj = {};
var name = 'testName';
//注意在使用[]語(yǔ)法的時(shí)候绝葡，key 必須是字符串需要加""
obj[name] = 'zhangsan';
//name 是 window 的name
console.log(obj);
obj["name"] = "lisi";
console.log(obj["name"]);
//添加方法
obj['showName'] = function(){
console.log('我的名字');
}
obj['showName']();
//修改方法
obj['showName'] = function(){
console.log('哈哈哈哈----');
}
obj['showName']();
//刪除對(duì)象的屬性
delete obj['name'];
console.log(obj['name']); //undefined
obj['background color'] = 'red';
console.log(obj);
