js的函數(shù)和對象

Dean 發(fā)布于2019-08-23 11:01 / 958人閱讀

摘要：函數(shù)函數(shù)也是一個對象，對象能做的函數(shù)都能做。在函數(shù)中使用關(guān)鍵字聲明的變量是局部變量，局部變量只能在函數(shù)內(nèi)部使用，外部無法訪問。

函數(shù)

- 函數(shù)也是一個對象，對象能做的函數(shù)都能做。
- 函數(shù)中可以保存可執(zhí)行的代碼，并且在需要的時候進行調(diào)用。
- 使用typeof檢查函數(shù)時，會返回 function

function fun(){
  return "function"
}
console.log(typeof fun);        // function

函數(shù)的創(chuàng)建 1.函數(shù)聲明

function函數(shù)名(形參1,形參2,...形參N){
函數(shù)體
}

function sum (num1,num2){
 return num1+num2
}

2.函數(shù)表達式

var 函數(shù)名=function(形參1,形參2,...形參N){
函數(shù)體
}

 var sum=function(num1,num2){
   return num1+num2
}

函數(shù)的調(diào)用

函數(shù)調(diào)用:函數(shù)對象+()

function fun(){
 console.log("我是一個function");
}

fun()   //我是一個function

函數(shù)的參數(shù)

形參（形式參數(shù)）

        - 定義函數(shù)時可以在函數(shù)定義數(shù)量不等的形參，多個形參之間使用,隔開
        - 定義形參就相當于在函數(shù)中聲明了對應(yīng)的變量但是并不賦值
        - 形參會在函數(shù)調(diào)用的時候賦值

實參（實際參數(shù)）

        - 函數(shù)調(diào)用時，可以在()傳遞實參
        - 實參會賦值給對應(yīng)的形參
        - js解析器不會檢查實參的類型和數(shù)量
        - 可以傳遞任意類型的實參（基本數(shù)據(jù)類型、對象、函數(shù)）
        - 可以傳遞任意數(shù)量的實參

返回值

    - 在函數(shù)中可以通過 return 來設(shè)置返回值
    - 語法：return 值;
    - 返回值將會作為函數(shù)的執(zhí)行結(jié)果返回，可以定義一個變量來接收返回值
    - 如果return后不跟值，或者不寫return則相當于return undefined
    - return后的所有的代碼都不會執(zhí)行，return一執(zhí)行函數(shù)立即結(jié)束
    - 任何類型的值都可以作為函數(shù)的返回值

function num(){
  console.log("這是一個函數(shù)")
  return 100;
}
console.log(fun())   //這是一個函數(shù) 
                     //100

 - 函數(shù)的return語句的確允許不編寫在函數(shù)體的最后面
 - 一旦return語句不在函數(shù)體的最后面 - return語句之后的代碼都不再執(zhí)行

  function fn(){
        console.log("這是return語句之前...");
        return;
        console.log("這是return語句之后...");
    }

    console.log(fn());   // 這是return語句之前...
                         //undefined

作用域

作用域就是變量的作用范圍，一個變量在哪些范圍中可見

全局作用域

        - 全局作用域在頁面加載時創(chuàng)建，在頁面關(guān)閉時銷毀。
        - 直接在script標簽中編寫的內(nèi)容，都在全局作用域中
        - 在頁面中有一個全局對象window，代表的是整個的瀏覽器窗口
            在全局作用域中創(chuàng)建的變量都會作為window的屬性保存
            在全局作用域中創(chuàng)建的函數(shù)都會作為window的方法保存
        - 在全局作用域中創(chuàng)建的變量和函數(shù)都是全局變量和函數(shù)，可以在頁面的任意位置訪問。

var a=10;
console.log(a);   //10

函數(shù)作用域（局部作用域）

        - 函數(shù)作用域在函數(shù)調(diào)用時創(chuàng)建，在調(diào)用結(jié)束時銷毀。
        - 函數(shù)每執(zhí)行一次就會創(chuàng)建一個新的函數(shù)作用域。
        - 在函數(shù)中使用var關(guān)鍵字聲明的變量是局部變量，局部變量只能在函數(shù)內(nèi)部使用，外部無法訪問。
        - 如果不使用var關(guān)鍵字聲明變量，則變量會變成全局變量。

  var a=10;
  function fun(){
  var b=20;
  console.log(a);    //10
  console.log(b);    //20
}

全局作用域不能訪問局部變量

function fun(){
var a=10;
}
console.log(a);    // a is not defined;

對象

- 對象是一個區(qū)別于5種基本數(shù)據(jù)類型的又一種類型
- 對象是一種復合數(shù)據(jù)類型，在對象中可以保存不同類型的屬性

對象的使用:

創(chuàng)建對象:

構(gòu)造函數(shù)方式: var obj = new Object();

對象初始化器方式: var obj={};

Object.create()方法: Object.create();

讀取對象的屬性:
對象.屬性名(不適用于復雜命名的屬性名稱)

var person ={
 sex:"man",
 age:30
}
console.log(person.sex);   //man

對象["屬性名"] (適用于復雜命名的屬性名稱)

var obj = {
   
   "Type-Content" : "text/html",
   
}
console.log(obj["Type-Content"]);// text/html

向?qū)ο笾刑砑?修改)屬性:
對象["屬性名"]

var iLike={
 hobby:"聽歌"
}
}
iLike["hobby"]="睡覺";
console.log(iLike.hobby) //睡覺

對象.屬性名

var person={
 name:"55開"
}
person.name="PDD";
console.log(person,name)  //PDD

枚舉屬性
for...in:該方法依次訪問一個對象及其原型鏈中所有可枚舉的屬性

var obj={
 name:"孫悟空",
 age:"18",
 hobby:function(){
  console.log("打妖怪")
}
}
for(var i in obj ){
 console.log(i)    // name   age  hobby
}

檢測對象的屬性

- 使用in關(guān)鍵字   如果屬性存在返回true  不存在返回false

var obj ={
    name: "javascript"
};

 console.log("name" in obj);    //true

- 使用Object對象的hasOwnPhasOwnProperty()方法  如果屬性存在返回true  不存在返回false

var obj ={
    name: "javascript"
};

console.log(obj.hasOwnProperty("name"));  //true

- 使用undefined判斷    如果屬性存在返回false  不存在返回true

var obj ={
    name: "javascript"
};
console.log(obj.name === undefined);   // false

- 使用if語句進行判斷

var obj ={
    name: "javascript"
};
if(obj.name){console.log("屬性存在")}    //屬性存在

刪除對象的屬性

可以用delete操作符刪除一個不是繼承而來的屬性

var obj=new Object();
obj.name="孫悟空";
obj.age="18";
delete obj.age;      //刪除對象的自有屬性
for(var i in obj){
console.log(i);     //name
}

云服務(wù)器 GPU云服務(wù)器匹配對象的屬性和函數(shù) js數(shù)據(jù)對象和對象的區(qū)別嗎 js中數(shù)據(jù)和對象的關(guān)系圖 js 創(chuàng)建數(shù)組和對象

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/96912.html

發(fā)表評論

登陸后可評論

0條評論

Dean

男|高級講師

我要關(guān)注我要私信

TA的文章

Linux環(huán)境基礎(chǔ)開發(fā)工具使用

閱讀 3681·2021-10-09 09:41
SpinServers：圣何塞服務(wù)器75折優(yōu)惠，亞洲優(yōu)化線路，10Gbps帶寬，月付$126起

閱讀 2833·2021-10-08 10:18
聽說看了這份Java學習路線的同學，畢業(yè)都拿到了大廠offer

閱讀 2284·2021-09-10 10:51
拉繩位移傳感器的有關(guān)知識建議大家收藏

閱讀 2768·2021-09-10 10:50
Chapter1 大數(shù)據(jù)概述

閱讀 957·2021-09-09 09:33
老用戶購買阿里云服務(wù)器首選優(yōu)惠活動：爆款特惠活動

閱讀 3503·2021-09-06 15:14
2019年前端面試題-01

閱讀 3166·2019-08-30 11:06
深入理解 CSS：字體度量、line-height 和 vertical-align

閱讀 3361·2019-08-29 14:04

亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

js的函數(shù)和對象

相關(guān)文章

[譯]執(zhí)行上下文、作用域鏈和JS內(nèi)部機制

**JS面向對象之三【this】 (對象和函數(shù)之間的關(guān)系)**

jQuery Deferred對象

javascript引擎執(zhí)行的過程的理解--語法分析和預編譯階段

javascript系列--javascript引擎執(zhí)行的過程的理解--語法分析和預編譯階段

JS修仙之一界本源

發(fā)表評論

0條評論

Dean

男|高級講師

TA的文章

Linux環(huán)境基礎(chǔ)開發(fā)工具使用

SpinServers：圣何塞服務(wù)器75折優(yōu)惠，亞洲優(yōu)化線路，10Gbps帶寬，月付$126起

聽說看了這份Java學習路線的同學，畢業(yè)都拿到了大廠offer

拉繩位移傳感器的有關(guān)知識建議大家收藏

Chapter1 大數(shù)據(jù)概述

老用戶購買阿里云服務(wù)器首選優(yōu)惠活動：爆款特惠活動

2019年前端面試題-01

深入理解 CSS：字體度量、line-height 和 vertical-align

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

js的函數(shù)和對象

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！