js基础

2020-04-19  本文已影响0人  南崽

1. split() join()的区别

2.JavaScript 的数据类型

String、Number、Boolean、Null、Undefined 和 Object

3.如何判断一个对象是否属于某个类？

instanceof

if (a instanceof Person) {

  alert("yes");

}

4.new 操作符具体干了什么呢?

new 共经过了 4 个阶段

function Test(){}

const test = new Test()

const obj = {}

obj.constructor = Test
obj.__proto__ = Test.prototype

Test.call(obj)

5.call() 和 apply() 的含义和区别？

call与 apply的相同点：

call与apply的不同点：

6.sort 排序原理

冒泡排序法的原理：

1.升序

var apple = [45, 42, 10, 147, 7, 65, -74];

// ①默认法,缺点:只根据首位排序

console.log(apple.sort());

// ②指定排序规则法,return可返回任何值

console.log(

  apple.sort(function(a, b) {

    return a - b; //若return返回值大于0(即a＞b),则a,b交换位置

  })

);

2.降序

var arr = [45, 42, 10, 111, 7, 65, -74];

console.log(

  apple.sort(function(a, b) {

    return b - a; //若return返回值大于零(即b＞a),则a,b交换位置

  })

);

7.如何判断当前脚本运行在浏览器还是 node 环境中？

通过判断Global对象是否为window，如果不为window，当前脚本没有运行在浏览器中

8.移动端最小触控区域是多大？

苹果推荐是 44pt x 44pt

9.移动端的点击事件的有延迟，时间是多久，为什么会有？ 怎么解决这个延时？

10.解释 JavaScript 中的作用域与变量声明提升？

11.Node.js 的适用场景？

RESTFUL API、实时聊天、客户端逻辑强大的单页 APP，
本地化的在线音乐应用，本地化的在线搜索应用，本地化的在线 APP 等。

12.bind、call、apply 的区别

call和 apply其实是一样的，区别就在于传参时参数是一个一个传或者是以一个数组的方式来传。

call 和apply 都是在调用时生效，改变调用者的 this 指向

let name = 'Jack'

const obj = {name: 'Tom'}

function sayHi() {console.log('Hi! ' + this.name)}

sayHi() // Hi! Jack

sayHi.call(obj) // Hi! Tom

const newFunc = sayHi.bind(obj)

newFunc() // Hi! Tom

13.使用构造函数的注意点

一般情况下构造函数的首字母需要大写，因为我们在看到一个函数首字母大写的情况，就认定这是一个构造函数，需要跟new关键字进行搭配使用，创建一个新的实例（对象）

14.如何获取浏览器版本信息

window.navigator.userAgent

15.数组的常用方法

Array.map()

let arr = [1, 2, 3, 4, 5];

let newArr = arr.map(x =› x * 2);

//arr= [1, 2, 3, 4, 5]   原数组保持不变

//newArr = [2, 4, 6, 8, 10] 返回新数组

Array.forEach()

let arr = [1, 2, 3, 4, 5];

num.forEach(x =› x * 2);

// arr = [2, 4, 6, 8, 10]  数组改变,注意和map区分

Array.filter()

let arr = [1, 2, 3, 4, 5]
const isBigEnough =› value =› value ›= 3
let newArr = arr.filter(isBigEnough )
//newNum = [3, 4, 5] 满足条件的元素返回为一个新的数组
　　

Array.every()

let arr = [1, 2, 3, 4, 5]
const isLessThan4 =› value =› value ‹ 4
const isLessThan6 =› value =› value ‹ 6
arr.every(isLessThan4 ) //false
arr.every(isLessThan6 ) //true

Array.some()

let arr= [1, 2, 3, 4, 5]

    const isLessThan4 =› value =› value ‹ 4

    const isLessThan6 =› value =› value › 6

    arr.some(isLessThan4 ) //true

    arr.some(isLessThan6 ) //false

Array.reduce()

let arr = [1, 2, 3, 4, 5];

const add = (a, b) =› a + b;

let sum = arr.reduce(add);

//sum = 15  相当于累加的效果与之相对应的还有一个 ####Array.reduceRight() 方法，区别是这个是从右向左操作的

Array.push()

Array.pop()

let arr = [1, 2, 3, 4, 5];

arr.pop();

console.log(arr); //[1, 2, 3, 4]

console.log(arr.length); //4

Array.shift()

let arr = [1, 2, 3, 4, 5];

arr.shift();

console.log(arr); //[2, 3, 4, 5]

console.log(arr.length); //4

Array.unshift()

let arr = [1, 2, 3, 4, 5];

arr.unshift(6, 7);

console.log(arr); //[6, 7, 2, 3, 4, 5]

console.log(arr.length); //7

Array.isArray()

Array.concat()

let arr1 = [1, 2, 3]
    arr2 = [4, 5]
  let arr = arr1.concat(arr2)
  console.log(arr)//[1, 2, 3, 4, 5]
　

Array.toString()

let arr = [1, 2, 3, 4, 5];
let str = arr.toString()
console.log(str)// 1,2,3,4,5

Array.join()


let arr = [1, 2, 3, 4, 5];

let str1 = arr.toString()

let str2 = arr.toString(',')

let str3 = arr.toString('##')

console.log(str1)// 12345

console.log(str2)// 1,2,3,4,5

console.log(str3)// 1##2##3##4##5

Array.splice(开始位置， 删除的个数，元素)

let arr = [1, 2, 3, 4, 5];
let arr1 = arr.splice(2, 0 'haha')
let arr2 = arr.splice(2, 3)
let arr1 = arr.splice(2, 1 'haha')
console.log(arr1) //[1, 2, 'haha', 3, 4, 5]新增一个元素
console.log(arr2) //[1, 2] 删除三个元素
console.log(arr3) //[1, 2, 'haha', 4, 5] 替换一个元素

16.字符串常用操作

17.作用域的概念及作用

18.作用域的分类

块作用域、词法作用域、动态作用域

1). 块作用域

2). 词法作用域

3). 动态作用域

19.js 属于哪种作用域

词法作用域（函数作用域）

块作用域

{
    var num =123;
}
console.log(num);

function fn(){
     var num =123;

    }

    fn();

    //在函数外界能否访问到num这样一个变量
    console.log(num)
 //Uncaught ReferenceError: num is not defined

词法作用域

var num = 123;

function f1() {

  console.log(num); //

}

function f2() {

  var num = 456;

  f1(); //f1在f2被调用的时候会被执行 。

}

f2();

20.自执行函数?用于什么场景？好处?

自执行函数:

作用：创建一个独立的作用域。好处：防止变量弥散到全局，以免各种 js 库冲突。隔离作用域避免污染，或者截断作用域链，避免闭包造成引用变量无法释放。利用立即执行特性，返回需要的业务函数或对象，避免每次通过条件判断来处理场景：一般用于框架、插件等场景

21.多个页面之间如何进行通信

cookie
web worker
localeStorage
sessionStorage

22.css 动画和 js 动画的差异

23.数组方法 pop() push() unshift() shift()

24.事件绑定与普通事件有什么区别

25.IE 和标准下有哪些兼容性的写法


var ev = ev || window.event;

document.documentElement.clientWidth || document.body.clientWidth;

var target = ev.srcElement || ev.target;

26.js 中 this 闭包 作用域

var f = (function fn() {

  var name = 1;

  return function () {

  name++;

  console.log(name)

  }

})()

==›undefined

27.javascript 的本地对象，内置对象和宿主对象

本地对象

ECMA-262把本地对象（native object）定义为“独立于宿主环境的ECMAScript实现提供的对象",简单来说，本地对象就是ECMA-262定义的类（引用类型）

Object、Function、Array、String、Boolean、Number、Date、RegExp、Error、EvalError、RangeError、ReferenceError、SyntaxError、TypeError、URIError

内置对象

JS中内置了17个对象，常用的是Array对象、Date对象、正则表达式对象、string对象、Global对象

宿主对象

由ECMAScript实现的宿主环境提供的对象，可以理解为：浏览器提供的对象,所有的BOM和DOM都是宿主对象。

28.javascript 的同源策略

一段脚本只能读取来自于同一来源的窗口和文档的属性解析：同源策略：限制从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的关键的安全机制。（来自 MDN 官方的解释）简单来说就是：一段脚本只能读取来自于同一来源的窗口和文档的属性，这里的同一来源指的是主机名、协议和端口号的组合

具体解释：

1). 源包括三个部分：协议、域名、端口（http 协议的默认端口是 80）。如果有任何一个部分不同，则源不同，那就是跨域了
2). 限制：这个源的文档没有权利去操作另一个源的文档。这个限制体现在：

29.事件冒泡与事件捕获

30.复杂数据类型如何转变为字符串

首先，会调用 valueOf 方法，如果方法的返回值是一个基本数据类型，就返回这个值

如果调用 valueOf 方法之后的返回值仍旧是一个复杂数据类型，就会调用该对象的 toString 方法

如果 toString 方法调用之后的返回值是一个基本数据类型，就返回这个值，

如果 toString 方法调用之后的返回值是一个复杂数据类型，就报一个错误

上一篇 下一篇

猜你喜欢

热点阅读