JS构造函数的用法和JS原型
$(function(){
//
var rec = new Rectangle(5, 10);
//alert(rec.width + "*" + rec.height + "=" + rec.area());
//alert(rec.hasOwnProperty("width"));
//alert("area" in rec);
//alert(rec.toString());
//
var message = "hello world";
//alert(message.endsWith("d"));
//alert(Array.prototype.push);
//表示的最大数字和最小数字
//alert(Number.MAX_VALUE + " OR " + Number.MIN_VALUE);
//
var n = 17;
//alert(n.toString(2)); //其中2代表转为2进制,若将其改为16,则输出的是16进制的值s
//
//alert(parseInt("15",8)); //输出13,15的8进制(13 == 1*8+5*0)
//5.1
//alert(fun(5));
//5.2
//alert(fun2(5));
var point = new Object();
point.x = 1;
point.y = 2;
//alert(point.x + " AND " + point.y);
//alert(delete point.x); //这一行代码有无执行会影响到下一行代码的执行结果
//alert("x" in point);
var arr = [1, 2, 3, 4, 5];
//alert(arr.concat(4, [5, [6, 7]]));
//alert(arr.slice(1, 4)); //截取数据第2个到第5个元素,包括第2个不包括第5个
var str = "chinese";
//alert(str.lastEndChar());
//alert(location.href);
//alert(location.search); //获取url地址?后面的参数列表
//打开新窗口
//window.open("http://www.baidu.com", "minWin", "width=400, height=350, status=yes, resizable=yes");
});
//JS构造函数 1
function Rectangle(w, h) {
this.width = w;
this.height = h;
this.area = function () {
//return this.width * this.height; //写法1.1
with (this) { //写法1.2
return width * height;
}
}
}
//设置Rectangle的原型值,若构造函数中无定义area方法,则默认使用原型
Rectangle.prototype.area = function () {
return 5;
}
//重写Rectangle的toString方法
Rectangle.prototype.toString = function () {
return this.width + " " + this.height ;
}
//2 查看字符串的结尾是否是以c结尾的 返回true OR false
String.prototype.endsWith = function (c) {
return (c == this.charAt(this.length - 1));
}
//5.1 lambda写法(拉姆达)
var fun = function (x) {
return x + x;
}
//5.2
var fun2 = new Function("x", "return x+x");
//返回字符串末尾的指定个数的字符
String.prototype.lastEndChar = function (num) {
num = (null != num)? num : 1;
return this.substring(this.length - num, this.length);
}
我只会编码,因为我相信代码比任何的语言表达更能让人信服!!!
原创来自:背着理想去流量
JS构造函数的用法和JS原型的更多相关文章
- JS构造函数、对象工厂、原型模式
1.对象创建的3中方法 1.1.对象字面量 var obj = { name: "mingzi", work: function () { console.log("wo ...
- 深入研究js构造函数和原型
很快就要从新浪离职了,最近心情比较轻松,抽点空整理一下构造函数和原型的机理. 我们都知道,在经典设计模式中我们最常用的就是工厂模式.构造函数模式.原型模式这几种,听起来‘模式’好像很高大上的样子,实际 ...
- js最好的继承机制:用对象冒充继承构造函数的属性,用原型prototype继承对象的方法。
js最好的继承机制:用对象冒充继承构造函数的属性,用原型prototype继承对象的方法. function ClassA(sColor) { this.color = sColor; } Class ...
- js一种继承机制:用对象冒充继承构造函数的属性,用原型prototype继承对象的方法。
js一种继承机制:用对象冒充继承构造函数的属性,用原型prototype继承对象的方法. function ClassA(sColor) { this.color = sColor; } ClassA ...
- js高级——构造函数,实例对象和原型对象——prototype、__proto__和constructor构造器
一.前言 了解JavaScript面向对象,需要先了解三个名词: 构造函数,实例对象和原型对象. 注意:JavaScript中没有类(class)的概念,取而代之的是构造函数,两者类似却又有很大的差别 ...
- js 构造函数 & 静态方法 & 原型 & 实例方法
js 构造函数 & 静态方法 & 原型 & 实例方法 ES5 "use strict"; /** * * @author xgqfrms * @licens ...
- JS高级---构造函数,实例对象和原型对象,三者关系
构造函数,实例对象和原型对象,三者关系 构造函数里面有原型(prototype)属性,即原型对象 原型对象里的constryctor构造器指向构造函数 通过构造函数,实例化,创建的就是实例对象. 实例 ...
- 谈谈JS构造函数
//构造函数 //使自己的对象多次复制,同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后,构造函数会立即执行它所包含的任何代码 function myObject(msg) ...
- Class和普通js构造函数的区别
Class 在语法上更加贴合面向对象的写法 Class 实现继承更加易读.易理解 更易于写 java 等后端语言的使用 本质还是语法糖,使用 prototype Class语法 typeof Math ...
随机推荐
- html的<head><title><meta>
head <head>用来标记HTML的头部,里面通常需要包括标题,基础信息,源信息等,定义在HTML头部的内容往往不会在网页上直接显示 title <title>的内容设置在 ...
- fork函数
在Unix/Linux中用fork函数创建一个新的进程.进程是由当前已有进程调用fork函数创建,分叉的进程叫子进程,创建者叫父进程.该函数的特点是调用一次,返回两次,一次是在父进程,一次是在子进程. ...
- centos7 + php7 lamp全套最新版本配置,还有mongodb和redis
我是个懒人,能yum就yum啦 所有软件的版本一直会升级,注意自己当时的版本是不是已经更新了. 首先装centos7 如果你忘了设置swap分区,下面的文章可以教你怎么补一个上去: http://ww ...
- python 练习购物车小程序
# -*- coding:utf-8 -*- shp = [ ['iphone',5000], ['offee',35], ['shoes',800] ] pric_list = [] e = int ...
- MySQL常用技巧
1.查看MySQL版本信息: 1,登上 mysql>status; 2,登上 mysql>select version(); 3,登上 mysql> select @@version ...
- Canvas修行之黑客帝国代码雨
既然是修行,不卖弄关子,不吊胃口,修行成果必须先晒一晒. 下图是我用canvas画的黑客帝国代码雨,想起当年看黑客帝国时,那个代码雨场景让我心旷神怡,大开脑洞,满脑子是那种三维空间,无数0和1像雨一样 ...
- Luke 6:43-45
For no good tree bears bad fruit, nor again does a bad tree bear good fruit, for each tree is known ...
- 【温故而知新-Javascript】使用 Window 对象
1. 获取 Window 对象 可以用两种方式获得Window对象.正规的HTML5方式是在Document对象上使用defaultView属性.另一种是使用所有浏览器都支持的全局变量window . ...
- HDU 1556 Color the ball
这题用线段树的话简直就是一个水题..不过刚学树状数组,要用一下. 题意:每次给你a,b,表明a~b之间涂色,然后最后一次输出每个气球被涂色的次数. 要用树状数组就要考虑怎么转化为前缀和问题,这题可以这 ...
- Unity 2D Touch Movement
Demo试玩(Kongregate既然也有广告时间了 --!)http://www.kongregate.com/games/zhaoqingqing/2d-touch-movement 操作步骤 1 ...