[Javascript】前端面试基础3【每日学习并更新10】

Web开发中会话跟踪的方法有那些

• cookie
• session
• url重写
• 隐藏input
• ip地址
   

JS基本数据类型

• String：用于表示文本数据。
• Number：用于表示数值，包括整数和浮点数。
• BigInt：用于表示任意精度的整数。
• Boolean：用于表示逻辑值，即true或false。
• Undefined：当一个变量被声明了，但没有被赋值时，它的值就是undefined。
• Null：表示一个空值，即没有对象值被赋予变量。
• Symbol（ES6引入）：用于创建唯一的标识符

Javascript常见数据结构和设计模式-CSDN博客

 JS内置对象

Javascript中Object、Array、String-CSDN博客

• 0bject是JavaScript中所有对象的父对象
• 数据封装类对象:0bject . Array . Boolean . Number和 String
• 其他对象:Function . Arguments .Math、Date 、RegExp 、Error

Javascript基本规范

 Javascript有几种类型的值

• 栈:原数据类型( Undefined ,Null ，Boolean ,Number .String )
• 堆:引用数据类型（对象、数组和函数)
• 两种类型的区别是:存储位置不同;

1. 原始数据类型直接存储在栈( stack )中的简单数据段，占据空间小、大小固定，属于被频繁使用数据，所以放入栈中存储;
2. 引用数据类型存储在堆( heap )中的对象,占据空间大、大小不固定,如果存储在栈中，将会影响程序运行的性能;引用数据类型在栈中存储了指针，该指针指向堆中该实体的起始地址。当解释器寻找引用值时，会首先检索其在栈中的地址，取得地址后从堆中获得实体

var person = {  
    firstName: "John",  
    lastName: "Doe",  
    age: 50,  
    greet: function() {  
        console.log("Hello, my name is " + this.firstName + " " + this.lastName);  
    }  
};  
  
person.greet();

 Javascript创建对象的几种方式

1. 对象字面量

var person = {  
    firstName: "John",  
    lastName: "Doe",  
    age: 50,  
    greet: function() {  
        console.log("Hello, my name is " + this.firstName + " " + this.lastName);  
    }  
};  
  
person.greet();

2. 使用new Object()

var person = new Object();  
person.firstName = "John";  
person.lastName = "Doe";  
person.age = 50;  
person.greet = function() {  
    console.log("Hello, my name is " + this.firstName + " " + this.lastName);  
};  
  
person.greet();

3. 构造函数

构造函数是一种特殊的函数，用于初始化新创建的对象。通过new关键字调用构造函数时，会创建一个新对象，并将这个新对象的内部[[Prototype]]（即__proto__）链接到构造函数的prototype属性上，最后返回这个新对象。

function Person(firstName, lastName, age) {  
    this.firstName = firstName;  
    this.lastName = lastName;  
    this.age = age;  
    this.greet = function() {  
        console.log("Hello, my name is " + this.firstName + " " + this.lastName);  
    };  
}  
  
var person = new Person("John", "Doe", 50);  
person.greet();

4. 工厂函数

工厂函数是一种封装了创建对象细节的函数，它返回一个对象。这种方法比直接使用new Object()更加灵活。

function createPerson(firstName, lastName, age) {  
    var obj = new Object("I'm an Object");  
    obj.firstName = firstName;  
    obj.lastName = lastName;  
    obj.age = age;  
    obj.greet = function() {  
        console.log("Hello, my name is " + this.firstName + " " + this.lastName);  
    };  
    return obj;  
}  
  
var person = createPerson("John", "Doe", 50);  
person.greet();

5. 原型链

在JavaScript中，每个对象都有一个原型（prototype），对象会继承原型的属性和方法。通过修改构造函数的prototype属性，可以实现多个实例共享同一套方法和属性。

function Person(firstName, lastName, age) {  
    this.firstName = firstName;  
    this.lastName = lastName;  
    this.age = age;  
}  
  
Person.prototype.greet = function() {  
    console.log("Hello, my name is " + this.firstName + " " + this.lastName);  
};  
  
var person1 = new Person("John", "Doe", 50);  
var person2 = new Person("Jane", "Doe", 40);  
  
person1.greet();  
person2.greet();

6. ES6 类

ES6引入了类的概念，使得对象的创建更加直观和易于理解。类语法是基于原型的面向对象编程的语法糖。

class Person {  
    constructor(firstName, lastName, age) {  
        this.firstName = firstName;  
        this.lastName = lastName;  
        this.age = age;  
    }  
  
    greet() {  
        console.log("Hello, my name is " + this.firstName + " " + this.lastName);  
    }  
}  
  
var person = new Person("John", "Doe", 50);  
person.greet();

eval() 

•  它的功能是把对应的字符串解析成JS 代码并运行
• 应该避免使用eval ，不安全，非常耗性能（2次，一次解析成js 语句，一次执行)
• 由JSON字符串转换为JSON对象的时候可以用eval, var obj =eva1(' ( ' + str +')')

 null与undefined

 ["1", "2", "3"].map(parseInt)=[1,NAN,NAN]

 但是，这里有一个需要注意的陷阱。当 map 函数对数组中的每个元素调用 parseInt 时，parseInt 实际上可以接受两个参数：第一个参数是要解析的字符串，第二个参数是基数（即数字的进制）。在 map 函数中，parseInt 被调用时，除了当前元素（即字符串）作为第一个参数外，map 函数还会传递当前元素的索引（从0开始）作为第二个参数给 parseInt。

因此，你的代码实际上会这样执行：

• 第一个元素 "1"，索引为0，parseInt("1", 0)，由于基数为0，parseInt 会根据字符串的格式来解析，这里 "1" 能被正确解析为十进制数1。
• 第二个元素 "2"，索引为1，parseInt("2", 1)，这里基数为1，但基数1不是一个有效的基数（有效的基数范围是2到36），因此 parseInt 会返回 NaN（Not-a-Number）。
• 第三个元素 "3"，索引为2，parseInt("3", 2)，这里基数为2，但 "3" 在二进制中不是一个有效的数字，因此 parseInt 同样会返回 NaN。

["1", "2", "3"].map(function(item) {  
    return parseInt(item, 10); // 或者简单地 parseInt(item)  
});

----------------------------------------------------------------
["1", "2", "3"].map(item => parseInt(item, 10)); // 或者简单地 ["1", "2", "3"].map(parseInt) 如果环境允许默认基数


----------------------------------------------------------------------------
//拓展
let numbers = ["10", "010", "0xA"];
let decimalNumbers = numbers.map(function(item) {  
    // 检查字符串的前缀来确定基数  
    if (item.startsWith("0x") || item.startsWith("0X")) {  
        // 十六进制  
        return parseInt(item, 16);  
    } else if (item.startsWith("0")) {  
        // 假设以0开头但不是"0x"或"0X"的是八进制（注意：现代JavaScript可能默认解析为十进制）  
        // 为了明确性，我们显式指定基数为8  
        return parseInt(item, 8);  
    } else {  
        // 十进制  
        return parseInt(item, 10);  
    }  
});  
  
console.log(decimalNumbers); // 输出: [10, 8, 10]

 javascript代码中的"use strict";是什么意思

在JavaScript代码中，"use strict"; 是一个特殊的指令，用于启用严格模式（strict mode）。当在脚本或函数的顶部包含这个指令时，它告诉JavaScript引擎以更加严格的解释和执行代码的方式来运行代码。这有助于捕获一些常见的编码错误，使得代码更加安全、可预测和易于管理。

严格模式有几个主要的好处和限制：

1. 捕获更多错误：在严格模式下，JavaScript会抛出更多的错误，从而帮助你更早地发现并修复问题。例如，它会阻止你使用未声明的变量（在未启用严格模式的情况下，这通常会导致全局变量被意外创建）。

2. 禁用某些不安全或不确定的特性：严格模式会禁用或改变一些JavaScript的“不安全”特性，比如with语句和eval()函数的行为。

3. 使代码更加可预测：在严格模式下，JavaScript的行为在某些方面更加可预测，比如静默失败的操作（如将值赋给只读属性）会抛出错误。

4. 提升性能：虽然这不是启用严格模式的主要动机，但一些JavaScript引擎在严格模式下能够执行更多的优化，因为严格模式限制了代码的行为，使得这些优化成为可能。

5. 更清晰的代码意图：通过在代码顶部使用"use strict";，你可以明确地向其他开发者表明这段代码是以更严格的标准编写的，这有助于维护代码的质量和一致性。

JSON 

 JS延迟加载方式

原文地址：https://blog.csdn.net/m0_55049655/article/details/140672157

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！