JS高级---原型的简单的语法

原型的简单的语法

构造函数，通过原型添加方法，以下语法，手动修改构造器的指向

实例化对象，并初始化，调用方法

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script>

    function Student(name, age, sex) {
      this.name = name;
      this.age = age;
      this.sex = sex;
    }

    //简单的原型写法
    Student.prototype = {
      //手动修改构造器的指向
      constructor: Student,
      height: "188",
      weight: "70kgs",
      study: function () {
        console.log("学习12小时");
      },
      eat: function () {
        console.log("吃午饭");
      }
    };
　　//实例化对象，并初始化
    var stu = new Student("段飞", 20, "男");　　//调用方法
    stu.eat();
    stu.study();
    console.dir(stu);
    console.dir(Student);

  </script>
</head>

<body>

</body>

</html>

原文地址：https://www.cnblogs.com/jane-panyiyun/p/12109243.html

时间： 2024-07-29 02:37:59

JS高级---原型的简单的语法的相关文章

JS高级---原型

原型作用1 :节省空间,数据共享 function Person(name,age){ this.name=name; this.age=age; }//通过自定义构造函数来创建对象 Person.prototyp e.eat=function(){ console.log("我爱js"); }//通过原型来添加方法 var p1=new Person("小明",20); var p2=new Person("小红",30); console.

JS高级----------------->原型简单的写法（注意手动修改构造器的指向）

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> function Student(name, age, sex) { this.name = name; this.age = age; this.sex

JS高级---原型和原型链

原型和原型链原型链是一种关系, 实例对象和原型对象之间的关系,关系是通过实例对象中浏览器使用的原型(__proto__)来联系的自定义构造函数,通过实例化,创建实例对象实例对象中__proto__是原型,浏览器使用的构造函数中的prototype是原型,程序员使用的 //使用对象---->使用对象中的属性和对象中的方法,使用对象就要先有构造函数 //构造函数 function Person(name,age) { //属性 this.name=name; this.age=age; //

JS高级---原型指向可以改变和原型链

原型指向可以改变和原型链实例对象的原型__proto__指向的是该对象所在的构造函数的原型对象构造函数的原型对象(prototype)指向如果改变了, 实例对象的原型(__proto__)指向也会发生改变原型的指向是可以改变的实例对象和原型对象之间的关系是通过__proto__原型来联系起来的,这个关系就是原型链图示如下代码观测console理解 //人的构造函数 function Person(age) { this.age=10; } //人的原型对象方法 Person.prot

第20篇 js高级知识---深入原型链

前面把js作用域和词法分析都说了下,今天把原型链说下,写这个文章费了点时间,因为这个东西有点抽象,想用语言表达出来不是很容易,我想写的文章不是简单的是官方的API的copy,而是对自己的知识探索和总结的过程,以及在这个过程碰到的问题都一一写出来,我想大多数人应该也有这个疑惑,然后带着疑惑去找答案,当你把这个疑惑解决之后,才觉得很有成就感.下面不多说了,开始说说什么是原型链.要想了解原型链,还是要从简单的开始,什么是原型?首先看下代码: function funcA() { this.show =

第十九篇 js高级知识---词法分析和AO 链

上面一篇文章说了js的作用域链,这一节算是对上面的延申,有一个典型的例子,首先看原来的一段代码: var name = "test"; function t() { var b = 1; if (b === 1) { var name = "test1"; } else { var name = "test2"; } console.log(name); } t(); 这段代码的结果是test1 这个肯定是没有什么问题了,但是如果把代码作如下修改

web报表工具FineReport的JS编辑框和URL地址栏语法简介

JS编辑框: 1.FineReport的js. 作为一款BS产品,browser端的JavaScript是必不可少的. FineReport中的js是已经调用了finereport.js的. 大家知道,预览报表时,报表servlet会将cpt模板转为html,在这个html的head头部中会引入FineReport的js,这个finereport.js中包含了许多内置的function以及一些公有的属性,不管在模板中还是其他网页中,只要引入了finereport.js,就能够通过FR.xxx的形

怎么理解js的原型链继承？

前言了解java等面向对象语言的童鞋应该知道.面向对象的三大特性就是:封装,继承,多态. 今天,我们就来聊一聊继承.但是,注意,我们现在说的是js的继承. 在js的es6语法出来之前,我们想实现js的继承关系,需要借助于原型链.之前的文章,我有讲过原型和原型链的概念.在这,再重新回顾一下. js中万物皆对象,每个对象都有一个隐式原型 __proto__ ,指向创建它的构造函数的原型对象. 函数(构造函数)除了有一个隐式原型对象,还有一个属性prototype,它指向一个对象,这个对象就是原型对

js基础--javascript基础概念之语法

掌握一门语言必须先掌握它的语法! javascript 的语法和C.Java.Perl 的语法有些相似.但是比它们更加宽松. javascript 中的一切都是严格区分大小写的.例如变量: demo 和 Demo 两个变量是完全不同的. javascript 标示符,所谓标示符是指变量.函数.属性的名字或函数的参数.标示符的格式是按照以下规则组合的一个或多个字符. 1.第一个字符必须是字母,下划线,或 $ 符号. 2.其他字符可以是字母.下划线.$ . 或数字. 注意不能把关键字保留