目录

如何判断 JavaScript 的数据类型？

简述创建函数的几种方式？

Javascript 创建对象的几种方式？

JavaScript 内置的常用对象有哪些？并列举该对象常用的方法？

=== 和 ==的区别？

null，undefined 的区别

JavaScript 中什么情况下会返回 undefined 值？

如何区分数组和对象？

多维数组降维的几种方法

怎么判断两个对象相等？

列举三种强制类型转换和两种隐式类型转换？

JavaScript 中怎么获取当前日期的月份？

什么是类数组（伪数组），如何将其转化为真实的数组？

如何遍历对象的属性？

如何使用原生 JavaScript 给一个按钮绑定两个 onclick 事件？

JavaScript 中的作用域、预解析与变量声明提升？

变量提升与函数提升的区别？

什么是作用域链？

如何延长作用域链？

判断一个值是什么类型有哪些方法？

如何实现数组的随机排序？

数据类型

基本数据类型：number、string、boolean、null、undefined

引用数据类型：function、object、Array

typeof undefined // "undefined"
typeof null // "object"
typeof 1 // "number"
typeof "1" // "string"
typeof Symbol() // "symbol"
typeof function() {} // "function"
typeof {} // "object

let a = null a === null // tru

typeof Number(1) // "number"
typeof String("1") // "string"
Array(1, 2, 3) // 等价于 new Array(1, 2, 3)

typeof new Number(1) // "object"
typeof new String(1) // "object

3 instanceof Number // false
'3' instanceof String // falsetrue instanceof Boolean // false

var date = new Date()
date instanceof Date // true
var number = new Number()
number instanceof Number // truevar string = new String()
string instanceof String // true

Object.prototype.toString.call(undefined).slice(8, -1) // "Undefined"
Object.prototype.toString.call(null).slice(8, -1) // "Null"
Object.prototype.toString.call(3).slice(8, -1) // "Number"
Object.prototype.toString.call(new Number(3)).slice(8, -1) // "Number"
Object.prototype.toString.call(true).slice(8, -1) // "Boolean"
Object.prototype.toString.call('3').slice(8, -1) // "String"
Object.prototype.toString.call(Symbol()).slice(8, -1) // "Symbol

'use strict'
var number = new Number(3)
number[Symbol.toStringTag] = 'Custom'
Object.prototype.toString.call(number).slice(8, -1) // "Custom"
function a () {} a[Symbol.toStringTag] = 'Custom'
Object.prototype.toString.call(a).slice(8, -1) // "Custom"
var array = [] array[Symbol.toStringTag] = 'Custom'
Object.prototype.toString.call(array).slice(8, -1) // "Custom"

Array.isArray([]) // true
Array.isArray({}) // false
(function () {console.log(Array.isArray(arguments))}()) // false

function sum1(num1,num2){ return num1+num2; }

var sum2 = function(num1,num2){return num1+num2; }

var sum3 = new Function("num1","num2","return num1+num2");

var Cat = {};//JSON
Cat.name="kity";//添加属性并赋值
Cat.age=2;Cat.sayHello=function(){alert("hello "+Cat.name+",今年"+Cat["age"]+"岁了");//可以使用“.”的方式访问属性，}
Cat.sayHello();//调用对象的（方法）函数

function Person(){ }
var personOne=new Person();
//定义一个 function，如果有 new 关键字去"实例化",那 么该 function 可以看作是一个类personOne.name="dylan";
personOne.hobby="coding";
personOne.work=function(){ alert(personOne.name+" is coding now..."); }
personOne.work()

function Pet(name,age,hobby){
this.name=name;//this 作用域：当前对象
this.age=age;
this.hobby=hobby;
this.eat=function(){ alert("我叫"+this.name+",我喜欢"+this.hobby+",也是个吃货"); }}
var maidou =new Pet("麦兜",5,"睡觉");//实例化/创建对象
maidou.eat();//调用 eat 方法(函数)

var wcDog =new Object();
wcDog.name="旺财";wcDog.age=3;wcDog.work=function(){ alert("我是"+wcDog.name+",汪汪汪......"); }
wcDog.work();

function Dog(){ }
Dog.prototype.name="旺财";
Dog.prototype.eat=function(){ alert(this.name+"是个吃货"); }
var wangcai =new Dog();
wangcai.eat();

function Car(name,price){
this.name=name;
this.price=price;
}
Car.prototype.sell=function(){ alert("我是"+this.name+"，我现在卖"+this.price+"万元"); }
var camry =new Car("凯美瑞",27); camry.sell();

  function Car(name, price) {this.name = name;this.price = price;if (typeof Car.sell == "undefined") {Car.prototype.sell = function () {alert("我是" + this.name + "，我现在卖" + this.price + "万元");}Car.sell = true;}}var camry = new Car("凯美瑞", 27);camry.sell();

var arr = [1, 2, 3];arr.forEach(function(item, index) {
// 遍历数组的所有元素console.log(index, item); });

var arr = [1, 2, 3];
var arr1 = arr.every(function(item, index) {
if (item < 4) {
return true;
}
})
console.log(arr1); // true

var arr = [1, 5, 2, 7, 3, 4];
var arr2 = arr.sort(function(a, b) {
// 从小到大
return a-b;
// 从大到小
return b-a;
})
console.log(arr2); // 1,2,3,4,5,7

var arr = [1, 5, 2, 7, 3, 4];
var arr2 = arr.map(function(item, index) {
return '<b>' + item + '</br>';
})
console.log(arr2);

var arr = [1, 2, 3, 4];
var arr2 = arr.filter(function(item, index) {
if (item>2) {
return true;
}
})
console.log(arr2); // [3, 4]

var aaa;
console.log(aaa); // undefined

var aaa = {};
console.log(aaa.c);

(function (b){
console.log(b); // undefined
})();

var aaa = undefined;
console.log(aaa); // undefined

function aaa(){}console.log(aaa()); // undefined

function aaa(){ return; }
console.log(aaa()); // undefined

Array.isArray([])//true
Array.isArray({})//false

[] instanceof Array//true
{} instanceof Array//false

{}.constructor//返回 object
[].constructor//返回 Array

Object.prototype.toString.call([])//["object Array"]
Object.prototype.toString.call({})//["object Object"]

let arr = [[222, 333, 444], [55, 66, 77] ]arr += '';arr = arr.split(',');console.log(arr); // ["222", "333", "444", "55", "66", "77"]

        let arr = [[222, 333, 444], [55, 66, 77]]function reduceDimension(arr) {let ret = [];let toArr = function (arr) {arr.forEach(function (item) {item instanceof Array ? toArr(item) : ret.push(item);});}toArr(arr);return ret;}console.log(reduceDimension(arr));

        var arr1 = [1, 2, [3, 4]];arr1.flat(); // [1, 2, 3, 4]var arr2 = [1, 2, [3, 4, [5, 6]]]; arr2.flat(); // [1, 2, 3, 4, [5, 6]] var arr3 = [1, 2, [3, 4, [5, 6]]]; arr3.flat(2); // [1, 2, 3, 4, 5, 6] //使用 Infinity 作为深度，展开任意深度的嵌套数组 var arr4 = arr3.flat(Infinity); // [1, 2, 3, 4, 5, 6]

    var arr1 = [1, 2, 3, [1, 2, 3, 4, [2, 3, 4]]];function flatten(input) {const stack = [...input];const res = [];while (stack.length) {// 使用 pop 从 stack 中取出并移除值const next = stack.pop();if (Array.isArray(next)) {// 使用 push 送回内层数组中的元素，不会改动原始输入 original inputstack.push(...next);} else {res.push(next);}}// 使用 reverse 恢复原数组的顺序return res.reverse();}flatten(arr1);// [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]

   var arr1 = [1, 2, 3, [1, 2, 3, 4, [2, 3, 4]]];function flattenDeep(arr1) {return arr1.reduce((acc, val) => Array.isArray(val) ? acc.concat(flattenDeep(val)) : acc.concat(val), []);};console.log(flattenDeep(arr1)); // [1, 2, 3, 1, 2, 3, 4, 2, 3, 4]

let obj1= {
a: 1
}
let obj2 = {
a: 1
}
console.log(Object.is(obj1, obj2)) // false
let obj3 = obj1
console.log(Object.is(obj1, obj3)) // true
console.log(Object.is(obj2, obj3)) // false 

      let obj1 = { a: 1, b: { c: 2 } }let obj2 = {b: {c: 3},a: 1}function isObjectValueEqual(a, b) {// 判断两个对象是否指向同一内存，指向同一内存返回 trueif (a === b) return true// 获取两个对象键值数组let aProps = Object.getOwnPropertyNames(a)let bProps = Object.getOwnPropertyNames(b)// 判断两个对象键值数组长度是否一致，不一致返回 falseif (aProps.length !== bProps.length) return false// 遍历对象的键值for (let prop in a) {// 判断 a 的键值，在 b 中是否存在，不存在，返回 falseif (b.hasOwnProperty(prop)) {// 判断 a 的键值是否为对象，是则递归，不是对象直接判断键值是否相等，不相等返回 falseif (typeof a[prop] === 'object') {if (!isObjectValueEqual(a[prop], b[prop])) return false} else if (a[prop] !== b[prop]) {return false}} else {return false}}return true}console.log(isObjectValueEqual(obj1, obj2)) // false

        var date = new Date()var year = date.getFullYear();var month = date.getMonth() + 1;var day = date.getDay();var month = (month > 9) ? month : ("0" + month);var day = (day < 10) ? ("0" + day) : day;var year = date.getFullYear();var today = year + "-" + month + "-" + day; // 2019-07-06console.log(today);

   let eleArr = document.querySelectorAll('li');Array.from(eleArr).forEach(function (item, index) {console.log(item, index);});let eleArr = document.querySelectorAll('li');[].slice.call(eleArr).forEach(function (item) {console.log(item, index);});

        /**Array 对象**/var arr = ['a', 'b', 'c'];console.log(Object.keys(arr)); // ['0','1','2']/**Object 对象**/var obj = { foo: 'bar', baz: 42 };console.log(Object.keys(obj));// ["foo","baz"]/**类数组 对象 随机 key 排序**/var anObj = { 100: 'a', 2: 'b', 7: 'c' };console.log(Object.keys);//['2','7','100']/***getFoo 是一个不可枚举的属性**/var my_obj = Object.create({},{ getFoo: { value: function () { return this.foo } } });my_obj.foo = 1;console.log(Object.keys(my_obj));// ['foo']

 2、遍历自身的所有属性(可枚举，不可枚举，非继承属性)Object.getOwnPropertyNames() 方法

该方法返回一个由指定对象的所有自身属性组成的数组(包括不可枚举属性但不包括 Symbol 值作为名称的属性)

var arr = ["a", "b", "c"];console.log(Object.getOwnPropertyNames(arr).sort()); // ["0", "1", "2", "length"]// 类数组对象var obj = { 0: "a", 1: "b", 2: "c" };console.log(Object.getOwnPropertyNames(obj).sort()); // ["0", "1", "2"]// 使用 Array.forEach 输出属性名和属性值Object.getOwnPropertyNames(obj).forEach(function (val, idx, array) {console.log(val + " -> " + obj[val]);});// 输出// 0 -> a// 1 -> b// 2 -> c//不可枚举属性var my_obj = Object.create({}, {getFoo: {value: function () { return this.foo; },enumerable: false}});my_obj.foo = 1;console.log(Object.getOwnPropertyNames(my_obj).sort()); // ["foo", "getFoo"]

    var obj = {name: '张三',age: '24',getAge: function () {console.log(this.age);}}var arry = {};for (var i in obj) {if (obj.hasOwnProperty(i) && typeof obj[i] != 'function') {arry[i] = obj[i];}}console.log(arry);//{ name: '张三', age: 24 }

 (function () {var getAllPropertyNames = function (obj) {var props = [];do {props = props.concat(Object.getOwnPropertyNames(obj));} while (obj = Object.getPrototypeOf(obj));return props;}var propertys = getAllPropertyNames(window);alert(propertys.length);//1027alert(propertys.join("\n"));//toString 等})()

//事件监听 绑定多个事件
var btn4 = document.getElementById("btn4");
btn4.addEventListener("click",hello1);
btn4.addEventListener("click",hello2);
function hello1(){
alert("hello 1");
}
function hello2(){
alert("hello 2");
}

// 案例 1
var a = 25;
function abc() {
alert(a);
var a = 10;
}
abc();
// 案例 2
console.log(a);
function a() {
console.log('aaaaa');
}
var a = 1;
console.log(a)

    // 1、-----------------------------------var num = 10;fun();function fun() {console.log(num);//undefinedvar num = 20;}//2、-----------------------------------var a = 18;f1();function f1() {var b = 9;console.log(a);//undefinedconsole.log(b);//9var a = '123';}// 3、-----------------------------------f1();console.log(c);console.log(b);console.log(a);function f1() {var a = b = c = 9;console.log(a);console.log(b);console.log(c);//9}

// 判断 foo 是否是 Foo 类的实例
function Foo(){}
var foo = new Foo();
console.log(foo instanceof Foo) //true

var arr=[1,2];
//直接对一个数组调用 toString()
arr.toString();// "1,2"
//通过 call 指定 arr 数组为 Object.prototype 对象中的 toString 方法的上下文
Object.prototype.toString.call(arr); //"[object Array]

   var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];function randSort1(arr) {for (var i = 0, len = arr.length; i < len; i++) {var rand = parseInt(Math.random() * len);var temp = arr[rand];arr[rand] = arr[i];arr[i] = temp;}return arr;}console.log(randSort1(arr));

   var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];function randSort2(arr) {var mixedArray = [];while (arr.length > 0) {var randomIndex = parseInt(Math.random() * arr.length);mixedArray.push(arr[randomIndex]);arr.splice(randomIndex, 1);}return mixedArray;}console.log(randSort2(arr)); 

var arr = [1,2,3,4,5,6,7,8,9,10];
arr.sort(function(){
return Math.random() - 0.5;
})
console.log(arr);

JavaScript 基础 面试题相关推荐

1. 常见JavaScript基础面试题上（附答案）

   常见JavaScript基础面试题上(附答案) 1.JavaScript有哪些垃圾回收机制? 有以下垃圾回收机制. 标记清除( mark and sweep) 这是 JavaScript最常见的垃圾回 ...

2. JavaScript基础面试题及答案

   JavaScript基础面试题及答案① 1 介绍JavaScript的基本数据类型 3 jQurry使用建议 4 Ajax使用 5 JavaScript有几种类型的值? 6 栈和堆的区别? 7 Jav ...

3. 50道JavaScript基础面试题（附答案）

   50道JavaScript基础面试题(附答案) 1 介绍JavaScript的基本数据类型 2 说说写JavaScript的基本规范? 3 jQuery使用建议 4 Ajax使用 5 JavaScri ...

4. JavaScript基础面试题，h5前端开发

   标准文档流 标准文档流,指的是元素排版布局过程中,元素会默认自动从左往右,从上往下的流式排列方式.前面内容发生了变化,后面的内容位置也会随着发生变化. HTML就是一种标准文档流文件 HTML中的标准 ...

5. 学生党必看，JavaScript基础面试题

   故事开篇: 看到一则帖子,讲一个学历只是普通的大专毕业的程序员,做前端5年左右的时间了,中间干过3家公司,都是属于中型互联网企业和创业型的公司,规模不算大.很苦恼进不了大厂,一直在中小公司里打滚天天切 ...

6. 2019年最全面最新200+道JavaScript基础面试题（上）

   在此之前,我也跟大家分享过很多的面试题,今天我要跟大家分享的这个JavaScript的面试一共有200多道,适用于前端学习与前端求职者,面试刷题,里面涵盖的内容比较广,今天只是整理了部分面试题,希望对 ...

7. javaScript基础面试题 ---null 与 undefined

   null 与 undefined 奇怪点 原因 具体区别 奇怪点 有点奇怪的是:JavaScript语言竟然拥有两个表示"无"的值:undefined与null.这是为什么? 原因 ...

8. JavaScript基础面试题总结01

   1. JavaScript 的基本类型有哪些?引用类型有哪些?null 和 undefined 的区别? 数据类型: 基本数据类型:Number.String.Boolean.undefined .n ...

9. JavaScript基础面试题

   第1题 var y = 1; if (function f(){}) { y += typeof f; } console.log(y); 第2题 var output = (function(x){ ...

最新文章

1. microsoft visual sourcesafe explorer 获取不了文件夹的解决方法
2. iOS开发的学习笔记
3. CF1486D Max Median
4. iPhone 13系列7款新机已通过EEC认证：或继续9月亮相
5. MT艾宾浩斯背单词（附带主程序）
6. cf1063A Oh Those Palindromes (贪心)
7. android购物车计数器,Axure教程：计数器的实战应用场景 —— 商品购件数
8. 2021-01-31
9. 激光雷达--C16镭神16线三维激光雷达使用
10. matlab函数表达式里分号_matlab中分号
11. 分享一些免费的网站速度测试工具
12. HDS G200 更换CFM
13. Q-Q图和P-P图傻傻整不明白？
14. Intel无线网卡AX210驱动bug
15. matlab检验矩阵是否可逆,有限域上矩阵是否可逆的检验
16. mysql 取差值_MySQL计算相邻两行某列差值的方法
17. 项目管理：目标的价值表现的四个方面
18. Excel批量删除文本左侧n-m个空格的2种操作
19. Python学习之路：函数传递可变参数与不可变参数
20. DHCP服务的配置与使用

热门文章

1. 推荐冷启动-From Zero-Shot Learning to Cold-Start Recommendation翻译与解析
2. 电脑桌面老是弹出计算机,桌面总是要弹出一个放大镜的窗口.也不知道这 – 手机爱问...
3. 【广度优先遍历】营救公主
4. linux 查看目录下文件、查看文件具体内容、查看文件夹大小
5. Bayesian Network的辅助模型
6. 设置centos系统语言设置为中文
7. NetSarang软件中nssock2.dll模块被植入恶意代码技术分析与防护方案
8. Galaxy数据统计平台(三)
9. 1年java工作经验面试前的准备
10. 利用gitlab搭建静态页面并开启https Pages服务