<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>测试文档</title> 
    <script type="text/javascript">

// 实质上属性和方法是一样的，方法是属性为引用型的函数。 
//一个对象有4种属性： 
//                 1，构造函数通过this关键字定义的属性 
//                 2，构造函数通过var关键字定义的属性 
//                 3,构造函数的原型对象添加的属性 
//                 4，对象动态添加的属性 
//实例的公有属性：1      通过this关键字定义的属性           可访问   1，2，3，4 
//实例的私有属性：2      通过var关键字定义的属性。          可访问   2 
//实例的共享属性：3      通过实例指向的原型添加的属性。      可访问   1,3,4 
//实例的静态属性：4      对象动态添加的属性。               可访问  1,3,4

//总结： 
//     实例属性：1，公有 
//              2，私有 
//              4，静态 
//     原型属性：3，共享

//this定义的为特权属性。全部可访问 
//var定义的为私有属性。 
//动态添加的属性为公有属性。不可访问私有属性

//实例对象指向的原型属性为原型属性。不可访问私有属性，优先级低于公有属性

//实例属性主要有公有属性和特权属性构成。均可被外部和原型属性访问。主要区别在于是否可访问私有属性 
//原型属性优先级低于实例属性。可被外部访问和实例属性访问（除私有属性）

//-----------------此处为分割线----------------------------- 
// 公有属性：对象暴露给外部环境的属性。也是对象的属性。 
// 私有属性：对象内部的属性，往往不可访问.在构造函数层面上考虑才有意义。 
// 静态属性：动态添加的属性。也是对象的属性。 
// 共有属性：所有构造函数生成的实例所共享的属性。

function User(){ 
//           公有属性：每new一个User实例对象，都有的属性。 
//                    为实例属性，所有实例的属性不共享内存。 
//                    外部可访问。 
           this.name='byronvis'; 
//           特权方法：每new一个User实例对象，都有的方法。 
//                    为实例方法，所有实例的方法不共享内存。 
//                    外部可访问。 
//                    可访问公有属性。 
//                    可访问私有属性。 
           this.sayName=function(){ 
            alert(this.name); 
               alert(this.school); 
            alert(age);//变量声明会自动提前。 
            alert(this.sex); 
           }; 
//           私有属性：外部不可访问。 
//                    仅对构造函数有意义，对于new的User实例对象无意义。 
           var age=22; 
//           私有方法：外部不可访问。 
//                    仅对构造函数有意义，对于new的User实例对象无意义。 
           function sayAge(){ 
               alert(age); 
           } 
           sayAge(); 
       } 
//       共有属性： 共享内存。 
       User.prototype.school='zky'; 
//       共有方法：可访问公有属性。 
//                共享内存。 
       User.prototype.saySchool=function(){ 
           alert(this.school); 
           alert(this.name); 
           alert(this.sex); 
           alert(age); 
       }; 
        var obj=new User(); 
//       静态属性：就是动态添加的实例属性。 
        obj.sex='man'; 
//       静态方法：就是动态添加的实例方法。 
        obj.saySex=function(){ 
            alert(this.sex); 
            alert(this.name); 
            alert(this.school); 
            alert(age); 
        }; 
//-----------------此处为分割线----------------------------- 
////      证明this关键字定义的属性和动态添加的属性本质上一样的，都可认为是实例对象的公有属性。 
//       验证： this关键字定义的属性访问动态添加的属性 
//        obj.sayName();//true 
//        验证：动态添加的属性访问this关键字定义的属性 
//        obj.saySex();//true 
//        验证：公有属性访问私有属性 
//        obj.sayName();//true 
           obj.saySex();//false 
//        验证：共享属性访问私有属性 
//        obj.saySchool();//false

</script> 
</head> 
<body> 
    测试文档 
</body> 
</html>

js实例属性和原型属性的更多相关文章

  1. JavaScript面向对象(二)——成员属性、静态属性、原型属性与JS原型链

      前  言 JRedu 上一篇博客中,我们介绍了JS中的面向对象,并详细的解释了this的指向问题.本篇博客,我们继续来学习JS的面向对象.来深入理解一下JavaScript OOP中的成员属性/方 ...

  2. 对JavaScript中的静态属性和原型属性的理解

    首先是在访问上的区别,当访问实例对象的某个属性但它本身没有时,它就会到原型中去查找,但不会去查找静态属性. // 实例对象不会去查找静态属性 function Foo(){} Foo.a = 1; v ...

  3. js继承中，原型属性的继承探究

    最近研究了js的继承,看了幻天芒的文章http://www.cnblogs.com/humin/p/4556820.html#3947420,明白了最好是使用apply或call方法来实现继承. 已知 ...

  4. js变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级

    原文出自:http://www.cnblogs.com/xxcanghai/p/5189353.html作者:小小沧海 题目如下: function Foo() { getName = functio ...

  5. 【JavaScript】变量定义提升、this指针指向、运算符优先级、原型、继承、全局变量污染、对象属性及原型属性优先级

    参考资料http://caibaojian.com/toutiao/5446 1.所有变量声明(var)或者声明函数都会被提升到当前函数顶部 关于函数表达式,js会将代码拆分为两行代码分别执行.这里需 ...

  6. JavaScript之面向对象学习二(原型属性对象与in操作符)获取对象中所有属性的方法

    1.原型属性对象于in操作符之in单独使用 有两种方式使用in操作符:单独使用和在for-in循环中使用.在单独使用中,代码如下: function Person(){ } Person.protot ...

  7. JS的Object类的属性、方法及如何创建对象

    属性 constructor:对创建对象的函数的引用(指针).对于Object类,该指针指向原始的object()函数. prototype:对该对象的对象原型的引用.对于所有的类,它默认返回Obje ...

  8. 面试题常考&必考之--js中的难点!!!原型链，原型（__proto__），原型对象（prototype）结合例子更易懂

    1>首先,我们先将函数对象认识清楚: 补充snow的另一种写法: var snow =function(){}; 2>其次:就是原型对象 每当我们定义一个函数对象的时候,这个对象中就会包含 ...

  9. 08 (h5*) js第9天--原型、继承

    目录: 1:原型和原型链 2:构造函数的原型可以改变 3:原型的最终指向 4:先修改原型指向,在添加方法. 5:实例对象中的属性和原型属性重合, 6:一个神奇的原型链 7:继承 8:原型链 9:利用c ...

随机推荐

  1. Spark-Sql之DataFrame实战详解

    1.DataFrame简介: 在Spark中,DataFrame是一种以RDD为基础的分布式数据据集,类似于传统数据库听二维表格,DataFrame带有Schema元信息,即DataFrame所表示的 ...

  2. 服务端 https和SSL

    String keyStoreFilePassword = System .getProperty("keystore.file.password"); /usr/java/jdk ...

  3. [tools]hugo&github构建静态网站/百度统计

    hugo/github构建网站基本原理 1.hugo是一个静态化的工具,你写md,然后他把md转换成对应样式的html, 2.并给html嵌入百度统计的script.然后你将html放到github上 ...

  4. 菜鸟学Java（四）——JSP内置对象

    学习JavaWeb就离不开JSP,而学习JSP又不得不了解它常用的九个内置对象.今天来做一个简单介绍. request Request封装了用户提交的信息,通过调用Request相应的方法可以获取封装 ...

  5. c#,asp.net 开发 app 学习资料整理

    VS2015 Apache Cordova第一个Android和IOS应用 http://www.cnblogs.com/aehyok/p/4116410.html PhoneGap:免费开源的 HT ...

  6. DIOCP开源项目-DIOCP3的LoadRunner11测试报告

    昨天有个多年的群友(B3.Locet)用LoadRunner11对DIOCP3做压力测试,说测试的时候出现了大量的10053,10054的报告.昨天晚上下载了个LoadRunner11, 今天捣鼓了下 ...

  7. 歌曲播放页面的数据vuex管理

    1.state.js import {playMode} from '@/common/js/config' const state = { singer:{}, playing:false, ful ...

  8. openfire ping的smack解决方案（维持在线状态）

    连接中关联如下: // iq提供者 roviderManager.getInstance().addIQProvider("ping", "urn:xmpp:ping&q ...

  9. openfire 发送 接受 注册 广播 好友列表 在线状态

    package cn.zsmy.utils.openfire; import java.io.BufferedReader; import java.io.InputStreamReader; imp ...

  10. FFmpeg Basics学习笔记（2）

    帧率 fps的概念 帧率,单位FPS(frame per second), 用于衡量视频每秒的处理帧数,对于编码器而言说明编码器在1s的编码的速度,通常可以使用一帧的编码时间倒数简单计算:对于解码器而 ...