面向对象--prototype

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .g{
            background-color: #cccccc;
            color: #000;
            text-align: center;
            font-size: 60px;
        }
    </style>
</head>
<body>
    <div class=‘g‘ id="1">
        来呀~造作呀
    </div>
    <script>
       setInterval( function (){
            d=document.getElementById(‘1‘);
            d_text=d.innerText;
            sub_char=d_text.slice(1,d_text.length);
            first_char=d_text[0];
            new_str=sub_char+first_char;
            d.innerText=new_str
       },300);

//       li=[11,22,33,44]
//        for(var l=1;l<10;l++){
//           console.log(l)
//        }
       //面向对象 prototype 原型
        function Fc(name,words) {
            this.Name =name;
            this.Words =words;
        }
        Fc.prototype={
            G: function () {
             return this.Name+this.Words
         }
        };
        a=new Fc(‘jiji‘,‘gogogogoge‘);
        ret=a.G();
        console.log(ret)
    </script>
</body>
</html>
时间: 2025-01-06 05:10:20

面向对象--prototype的相关文章

JavaScript 面向对象 (prototype 原型模式)

一. JavaScript 设计思想 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版.这是历史上第一个比较成熟的网络浏览器,轰动一时.但是,这个版本的浏览器只能用来浏览,不具备与访问者互动的能力.比如,如果网页上有一栏"用户名"要求填写,浏览器就无法判断访问者是否真的填写了,只有让服务器端判断.如果没有填写,服务器端就返回错误,要求用户重新填写,这太浪费时间和服务器资源了. 因此,网景公司急需一种网页脚本语言,使得浏览器可以与网页互动.工程师_Brend

js面向对象-prototype

在js中每个其实也是一个对象,他们对应的类是Function,每个函数对象都有一个子对象prototype,这个子对象表示了一个类的成员集合,当通过new来实例化一个对象 时,prototype中的成员都会成为实例化对象的成员.如下例子: function class1(){} class1.prototype.method=function(){alert("测试");}; class1 cl=new class1(); cl.method(); 会弹出提示框"测试&quo

面向对象object与constructor

什么是constructor属性?它来自哪里?又将会指向何处? 什么是constructor属性? constructor是构造函数属性. 它来自哪里? 其实constructor属性是来自 prototy原型属性 所指向的那个对象的属性,如果不明白这里的"那个对象"具体指的是哪个对象,可以看看我上一章讲的javascript面向对象--prototype属性(原型属性),里面有着详细的讲解. 又将指向何处? 从constructor属性的字面意思我们就不难看出,它指向的永远都是构造函

HTML-JS-CODING

day28 获取属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .ip{ color: rgba(0,0,0,0.4); } .hide{ display: none; } </style> </head> <bo

.NET WEB程序员需要掌握的技能

本来这个是我给我们公司入职的新人做一个参考,由于 @张善友 老师在他的微信号转了我的这篇文章<<.Net WEB 程序员需要掌握的技能>>,很多人觉得比较有用,说是看了后知道一步步怎么学,这个让我受宠若惊,另外我看到有些同学文章引用了这部分,但是格式很乱看不清楚,所以我就重新整理一下在博客园发一下,希望对更多人有用,也希望大家补充. 基础部分 C# 基础语法 OOP的概念,面向对象的理解 继承 封装 多态 ASP.NET MVC ( Web Form 用的越来越少,如果你不熟悉We

Lua总结

ref http://book.luaer.cn/ 基础 弱类型,没有类型定义 解释型语言,但是会通过编译器先编译成中间码然后再执行 字符串的处理:用table保存,最后table.concat(t, "\n") .. "\n".防止..引起的性能问题 注释: -- 块注释:-[[ ]] 没有++,+= 打印:print(a, b, c, "", 1) 字符串:'或者"均可 或者[[包含'和"]] 不需要声明类型,语句结束不需

JS面向对象、prototype、call()、apply()

一. 起因 那天用到prototype.js于是打开看看,才看几行就满头雾水,原因是对js的面向对象不是很熟悉,于是百度+google了一把,最后终于算小有收获,写此纪念一下^_^. prototype.js代码片段 复制代码 代码如下: var Class = { create: function() { return function() { this.initialize.apply(this , arguments); } } } // Class使用方法如下 var A = Class

js面向对象编程: js类定义函数时prototype和this差别?

在面向对象编写js脚本时,定义实例方法主要有两种 例如以下: function ListCommon2(afirst) { var first=afirst; this.do1=function () { alert("first do"+first); } } ListCommon2.prototype.do2=function() { // alert("first do"+first);//会出错.不能訪问first this.do1(); } this.do

JavaScript面向对象编程(4)重写prototype造成的混乱

先来看两个现象: 1.分量形式声明prototype(部分重写),prototype的构造器为宿主函数而不是Object,就像直接给宿主构造器增加了属性一样 function Dog(){this.tail = true;} //新建两条狗,注意此时还没有定义prototype var benji = new Dog(); var rusty = new Dog(); Dog.prototype.say = function(){return 'Woof!';} //1.部分重写,prototy