常见的javascript 语句基本规范
1.变量和函数的命名规则
- 命名规则-驼峰命名法
- 构造函数首字母大写
2.空格,缩进,注释的使用规范
- 一般使用2空格代替tab
- 注释多行用 /** */
- 单行注释直接 //
3.其他使用规范
- 判断变量是否相等时使用
===
强等类型判断一起 -
switch
语句必须有default
分支 - 使用字面量创建数组和对象代替
new Array()
- 不要在同一行声明多个变量
- 不要使用全局函数
- 函数不应该有时有返回值,有时没有返回值
eval函数的功能是什么
定义和用法
用来计算某个字符串,并且执行其中的JavaScript代码
语法
eval(string)
需要注意的点
- 如果传入 eval() 的参数不是字符串,则会直接返回该参数
- 非严格模式下直接调用 eval() 时,里面使用 var 声明的变量和使用 function 声明的函数会修改当前词法作用域,里面使用 let 和 const 声明的变量不会修改当前词法作用域,但是会在当前创建新的词法作用域。
- 非严格模式下间接引用 eval() 时,会直接运行在全局环境中,里面使用 var 声明的变量和使用 function 声明的函数会修改全局词法作用域,里面使用 let 和 const 声明的变量不会修改全局词法作用域,但是会在全局环境创建新的词法作用域
- 使用 window.eval() 等同于间接引用 eval()
- eval() 中执行的代码只能调用 JS 解释器(Interpreter)来解释执行,无法被即时编译器(JIT Compiler)优化, eval() 中的执行的代码可能会导致 JS 引擎在已经生成的机器代码中进行变量查找和赋值,带来性能问题。
- eval() 使用不当可能会导致里面执行的字符串容易遭受恶意修改,带来安全问题(比如 XSS 攻击)。
- 使用 eval() 会干扰代码压缩工具的行为。代码压缩工具一般会将局部变量名重命名为更短的变量名(如 a 和 b 等),以便减小代码体积。当使用了 eval() 时,由于外部的局部变量可能会被 eval() 访问到,代码压缩工具便不会对可能会被 eval() 访问到的局部变量名进行压缩,会降低代码压缩率。
执行一下代码结果是什么["1","2","3"].map(parseInt)
['1','2','3'].map(parseInt(item,index))
=> parseInt('1',0)
=> parseInt('2',1)
=> parseInt('3',2)
// parseInt 第一个参数为 需要被转换的字符串
// parseInt 第二个参数为 被转换字符串的进制
// parseInt('2',1) 表示将 1进制的 字符串‘2’转换为10进制,不存在1进制的字符串'2',所以返回值为NaN
- 所以最后的返回值为
[1,NaN,NaN]
说说对this对象的理解
var name = 'jeskson';
function person() {
return this.name;
}
console.log(this.name); // jeskson
console.log(window.name); // jeskson
console.log(person()); // jeskson
- 使用call和apply可以指定上下文
function person() {
return this.name;
}
var obj = {
name: 'jeskson'
}
console.log(person.call(obj)); // jeskson
console.log(person.apply(obj)); // jeskson
- 构造函数中this指向构造出来的新对象
function Person(name) {
this.name = name;
return name;
}
console.log(new Person('jeskson').name); // jeskson
- 复杂的this指向问题,需要考虑函数执行上下文的出栈和压栈问题判断
JavaScript中存在哪些伪数组,如何将伪数组转化为数组
JavaScript中的callee和caller的作用是什么
-
caller
是JavaScript中函数类型的自由属性,用来标识函数的调用的函数,如果是父函数中引用调用子函数,则子函数的caller是父函数,如果函数直接在顶层JavaScript环境中调用,那么caller则是null
- callee 则是函数调用时 伪数组 arguments 的属性,此属性返回的是当前函数执行本体,例如
function test(){
console.log(arguments.callee)
}
test()
// 返回值是test函数本身,返回值可以直接调用类似 arguments.callee()
统计字符串中字母的个数或统计最多的字母
function countStr(str) {=
let dic = str.split('').reduce((prev,current)=>{
if(prev[current] && prev[current].value === current) ++prev[current].count
else prev[current] = {
value:current,count:0
}
return prev
},{})
for(let index = 0;index< Object.keys(dic).length;index++){
let k = Object.keys(dic)[index]
console.log(dic[k].value + ' : '+ dic[k].count)
}
}
写一个函数清除字符串前后的空格
- 考察正则
function trim(str) {
if (str && typeof str === "string") {
return str.replace(/(^\s*)|(\s*)$/g,""); //去除前后空白符
}
}
- 另一种方式
function quickTrim(str) {
let temp = str.split('')
let resultArry = temp.reduce((count,ele)=>{
if(ele !== ' ') count.push(ele)
return count
},[])
return resultArry.join('')
}
写一个函数实现一个数组合并的方法
- 遍历
b.forEach(ele=>{
a.push(a)
})
a.push.apply(a,b)
工作中,常用的逻辑运算符有哪些
- 与
&&
- 或
||
- 非
!
什么是事件代理(事件委托)
- 原理
- 事件冒泡:js在处理事件时,如果当前 dom 没有对事件进行接收和捕获,事件会顺着 dom树的结构自下往上传递,最终在根节点dom
- 实现
- 在 父dom结构上进行事件捕获和事件处理,通过
Event
target
对象判断具体触发对象 - 子元素例如
li
元素不监听事件,将事件委托给ul
元素处理和捕获
- 在 父dom结构上进行事件捕获和事件处理,通过
- 优点
未声明和未定义的变量有什么区别
什么是全局变量,这些变量如何声明,使用全局变量有哪些问题
- 作用域
- js 中只有函数可以包裹作用域
- 全局作用域
- 没有包裹在函数内部,最外层的作用域
- 怎么声明
- 直接在最外层声明
- 用window对象 声明
- 不用var 关键字,直接写变量名也会提升到全局
- 会有什么问题
常用的定时器工作说明,使用定时器的缺点
- 常用的定时器
- setTimeOut
- 定时一段时间之后执行
- setTimeInterval
- 间隔一段时间重复执行
- setTimeOut
- 清除定时器
说说ViewState和SessionState有什么区别
- ViewState 是.net 提出的一种客户端数据存储的方式,通过一个隐藏的dom节点,存储一些可序列化的数据结构
- SessionState 是存储于服务端的一种数据结构,同主机域名下的所有tab页面可以共享
- 这个都没接触过了
什么是 ===
运算符
- 强等运算符
- 比较过程中不进行强制类型转换
- 并且在比较之前优先进行类型判断,如果数据类型不一样,直接返回
false