当前位置: 首页>編程日記>正文

javascript 定义对象、方法和属性的使用方法(prototype)

javascript 定义对象、方法和属性的使用方法(prototype)

prototype

定义和用法
prototype 属性使您有能力向对象添加属性和方法。

语法

object.prototype = {函数名 : function(){}
}
object.prototype.name=value

javaScript的中类和对象

  1. 定义类

    1//第一种定义方式
    var people = function(name){this.name = name;this.say = function(msg){alert(this.name + " say : " +msg);}
    }
    //第二种定义方式
    function people(name) {this.name = name;this.init = function(msg){alert(this.name + " say : " +msg);;}
    }
    //调用
    var people = new people("I");
    people.init("hello");//输出:I say hello
    
    //定义静态方法,接例1
    people.says = function(msg){alert(this.name + " say : " +msg);
    }
    people.aa = "aa";
    //调用
    people.inits("hellos");//I say Hellos   
    alert(people.aa);//aa
    //这种定义方式无法使用map的调用方式,不懂
  2. 定义对象,调用时使用对象.方法或者和java调用map的方式一样对象['方法名'](args)

    2//定义对象
    var people = {run : function(){alert("I can run");}   
    };
    //调用
    people.run();//输出 I can run
    people['run']();//同上
  3. 以上两种方式不能同时使用

Javascript的方法可以分为三类

  1. 类方法,如例1
  2. 对象方法,如例2
  3. 原型方法,prototype

    3//定义类
    var people = function(name){this.name = name;
    }
    //原型方法
    people.prototype = {introduceChinese : function(){alert(this.people +"的名字是"+this.name);}people;
    };//测试var p1=new people("Windking");
    p1.people = '谁';
    p1.IntroduceChinese(); 

总结:

  1. javaScript创建对象就是定义函数
  2. javaScript对象定义方法和属性有三种方式

    • 在函数内部定义方法和属性,类似java的定义,如例1
    • 使用函数名.prototype定义方法和属性,例3
    • 使用对象定义方法和属性
  3. 使用prototype定义属性时,要放在定义方法的后面,不然属性会是undefined

  4. 使用javascript定义属性,不像java那么严谨,在实例经对象后,也可以定义属性
  5. 使用prototype和函数内部定义方法和属性,其作用是一样的,都需要实例化函数后才可使用
  6. 直接使用函数名定义方法和属性,类似java的静态该当和变量,如:
   function scriptBean(){}//定义方法scriptBean.sayHello = function(msg){console.log(this.name + " say : " +msg);}//定义属性scriptBean.name = "scriptBean";//调用scriptBean.sayHello("hello");


https://www.fengoutiyan.com/post/14646.html

相关文章:

  • js怎么定义数组
  • javascript如何定义数组
  • javascript class
  • javascript函数调用
  • javascript编程基础
  • javascript数组方法
  • javascript对象
  • javascript定义函数
  • 鏡像模式如何設置在哪,圖片鏡像操作
  • 什么軟件可以把圖片鏡像翻轉,C#圖片處理 解決左右鏡像相反(旋轉圖片)
  • 手機照片鏡像翻轉,C#圖像鏡像
  • 視頻鏡像翻轉軟件,python圖片鏡像翻轉_python中鏡像實現方法
  • 什么軟件可以把圖片鏡像翻轉,利用PS實現圖片的鏡像處理
  • 照片鏡像翻轉app,java實現圖片鏡像翻轉
  • 什么軟件可以把圖片鏡像翻轉,python圖片鏡像翻轉_python圖像處理之鏡像實現方法
  • matlab下載,matlab如何鏡像處理圖片,matlab實現圖像鏡像
  • 圖片鏡像翻轉,MATLAB:鏡像圖片
  • 鏡像翻轉圖片的軟件,圖像處理:實現圖片鏡像(基于python)
  • canvas可畫,JavaScript - canvas - 鏡像圖片
  • 圖片鏡像翻轉,UGUI優化:使用鏡像圖片
  • Codeforces,CodeForces 1253C
  • MySQL下載安裝,Mysql ERROR: 1253 解決方法
  • 勝利大逃亡英雄逃亡方案,HDU - 1253 勝利大逃亡 BFS
  • 大一c語言期末考試試題及答案匯總,電大計算機C語言1253,1253《C語言程序設計》電大期末精彩試題及其問題詳解
  • lu求解線性方程組,P1253 [yLOI2018] 扶蘇的問題 (線段樹)
  • c語言程序設計基礎題庫,1253號C語言程序設計試題,2016年1月試卷號1253C語言程序設計A.pdf
  • 信奧賽一本通官網,【信奧賽一本通】1253:抓住那頭牛(詳細代碼)
  • c語言程序設計1253,1253c語言程序設計a(2010年1月)
  • 勝利大逃亡英雄逃亡方案,BFS——1253 勝利大逃亡
  • 直流電壓測量模塊,IM1253B交直流電能計量模塊(艾銳達光電)
  • c語言程序設計第三版課后答案,【渝粵題庫】國家開放大學2021春1253C語言程序設計答案
  • 18轉換為二進制,1253. 將數字轉換為16進制
  • light-emitting diode,LightOJ-1253 Misere Nim
  • masterroyale魔改版,1253 Dungeon Master
  • codeformer官網中文版,codeforces.1253 B
  • c語言程序設計考研真題及答案,2020C語言程序設計1253,1253計算機科學與技術專業C語言程序設計A科目2020年09月國家開 放大學(中央廣播電視大學)
  • c語言程序設計基礎題庫,1253本科2016c語言程序設計試題,1253電大《C語言程序設計A》試題和答案200901
  • 肇事逃逸車輛無法聯系到車主怎么辦,1253尋找肇事司機