js面向对象程序设计——几种创建对象的方式

刚好最近有笔试题说说js几种创建对象的模式，便写一写，理一理

创建对象

1 对象字面量

var obj = {
    hour: 12,
    day: 13,
    getTime: function(){
        console.log(new Date());
    }
}

2 创建Object实例

var obj = new Object();
obj.hour = 10;

js事件

题目

• 编写一个通用的事件监听函数
• 描述事件冒泡的流程
• 对于一个无限下拉加载图片的页面，如何给每个图片绑定事件

DOM操作

题目

• DOM是哪种基本的数据结构
• DOM操作的常用API有哪些
• DOM及诶单的attr和property有何区别

知识点

• DOM本质
• DOM节点操作
  • 获取DOM
  • prototype
  • Attribute
• DOM结构操作
  • 新增节点： document.creatElement();innerHTML
  • 获取父元素
  • 获取子元素 childNodes 和 children 的区别, childNodes 事无巨细全部返回
  • 删除节点

BOM操作

题目

• 如何检测浏览器的类型
• 拆解url的各部分

知识点

1 navigator

var ua = navigatoruserAgent

2 screen
3 location

console.log(locationg.href);
console.log(locationg.prorocol);
console.log(locationg.pathname);
console.log(locationg.search);
console.log(locationg.hash);

4 history
historyback();
historyforward();

js内置对象

题目

• 获取2017-06-10 格式的日期
• 获取随机数，要求长度一致的字符串格式
• 写一个能遍历对象和数组的forEach函数

内置对象

1 Date

Date.new(); // 当前时间的毫秒数
var dt = new Date();
dt.getTime(); //获取毫秒数
dt.getFullYear(); //年
dt.getMonth; // 月 （0-11）
dt.getDay(); // 周几
dt.getData(); // 日
dt.getHours(); // 小时
dt.getMinutes(); // 分钟
dt.getSeconds(); // 秒

2 Math

- 获取随机数 Math.random();

3 数组 Array

• forEach 遍历所有元素
• every 判断所有元素是否符合条件
• some 判断是否至少一个元素符合条件
• sort 排序
• map 对数组重新组装，生成新数组
• filter 过滤符合条件的元素

异步

抛出问题

• 同步和异步的区别
• 一个关于setTimeout的笔试题
• 前端使用异步的场景有哪些

js 作用域和闭包

抛出问题

• 说一下对变量提升的理解
• 说明this的集中不同场景
• 创建10个标签，点击时弹出对应的序号
• 如何理解作用域
• 实际开发中闭包的应用

js 原型对象和原型链

抛出问题

• 如何判断一个变量是数组类型
• 写一个原型链继承的例子
• 描述new一个对象的过程
• zepto源码中如何使用原型链

知识点

构造函数

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

var f = new Foo('zhangsan', 20);

构造函数-扩展

var a = {} 和 var a = new Object()效果相同
var a = [] 和 var a = new Array()效果相同
function Foo(){} 和 var Foo = new Function(){} 效果相同

前言

最近打算把js梳理一下，也留着自己看，这是一篇笔记性质的文章。

问题：typeof 会返回哪些值
问题：js数据类型转换

js的数据类型

在回答上面问题之前，首先我们得知道js 有哪些数据类型。
js的数据类型总分为两类，值类型和引用类型。
值类型包括：Number，String，Boolean
引用类型包括：Array，Object，函数
这里也不多介绍其他的了。

typeof的返回值

typeof undefined    //undefined
typeof 123          // number
typeof 'abc'        //string
typeof true         //boolean
typeof {}           //object
typeof []           //object
typeof null         //object
typeof console.log  //function  

继承

这是一篇关于js继承的文章，具体主要的js高程上面都有，这里只是简单理一理，外加一些自己的看法。

下面直接上干货

1 原型链继承

• 基础依赖:可以查看我以前写的文章原型对象和原型链
• 实例

function Parent(name) {
    this.name = name;
}

Parent.prototype.sayName = function() {
    console.log('your name:' + this.name);
}

function Child(name) {
    this.name = name;
}

Child.prototype = new Parent('Nickle');
Child.prototype.constructor = Child;

var child = new Child('Jack');
child.sayName();

打印结果为 your name Jack

正则学习

1.字符介绍

• ^： 匹配起始位置 例如： ^ttt 即匹配以ttt 开头的字符串
• $： 匹配字符串结尾 例如： $ttt 即匹配以ttt 结尾的字符串
• \b： 匹配单词，例如 \bis\b 即匹配单词is
• \d： 匹配数字， 例如 匹配一个三个数字开头的字符串可以写成 ^\d\d\d
• \w： 匹配字母，数字，下划线，例如我要匹配一个字符串为 dwqdn61_dwq 则正则表达式为 \w+
• \s： 匹配空格， 例如字符串为 ‘a b c’，则正则表达式为 ‘\w\s\w\s\w’一个字符后跟一个空格，如果要匹配多个空格，则为\s+
• .： 匹配除了换行符以外的任意字符
• [pdwp]： 字符组，匹配包含括号中元素的字符串例如[a-z] 只能匹配小些字符