零碎的JS基础

Posted 2020-09-09 通往代码之路

一、js的三种弹窗：

警告框            弹出警告alert()

确认框            有确认内容的框confirm()有两个值，true和false 当用户按下确认键后，打印true的语句，按下取消键时，打印false的语句。

提示框            有输入的框prompt()括号里可以有两个值，第二个值是默认值

二、逻辑运算符

1. 逻辑与 &&           只有两边都满足时才成立
2. 逻辑或 ||     就是只要有一个满足就可以
3. 逻辑非  ！   就是取反的意思

三、循环之while和do while

While循环

while循环直接先进行判断，然后在进行代码的执行

声明变量i

在括号里写判断

执行代码和自增语句都在大括号里

 

do while循环

do while循环不管是否满足条件都会先执行一次代码，然后再进行判断

forin循环

for（var   key   in  object）{}

列出对象所有的属性

Break和continue的区别

它们都用于精确的控制代码的执行。

break语句会立即退出循环，而continue语句退出当前循环，（相当于跳过它执行别的）

双重循环

for（）{

for（）{

}

}

一、作用域：局部变量不能被任意调用，全局变量可以被所以函数调用。

子函数可以调用父函数的局部变量

二、有名函数和匿名函数

1、有名函数定义：有名函数是由函数声明语法创建的（function name(){}）

function flyToTheMoon(){

    alert("Zoom! Zoom! Zoom!");

}

flyToTheMoon();

有名函数可以在任何地方调用

2、匿名函数的定义：

var flyToTheMoon = function(){

alert("Zoom! Zoom! Zoom!");

}

flyToTheMoon();

匿名函数的调用只能在他的后面进行调用，匿名函数是在运行时动态声明的，没有函数名

三、函数的参数（parameter）

形参和实参

function sum(num1,num2) {  //形参

    console.log(num1+num2);   

}

sum(2,8);  //实参

 

1、          形参：形式参数，定义函数时的参数

2、          实参：实际参数，调用函数时传入的参数

四、函数的返回值return

return后什么都不写返回的是undefined，只执行return语句，后面的语句就不再执行

五、自执行函数（匿名函数的一个应用方法）

自执行函数直接调用自己，可以防止变量重名；

(function () {

    var oBtn = document.getElementById(‘btn2‘);

    oBtn.onclick = function () {

        this.value = ‘我被点击了！‘;

    }

})();

六、获取CSS样式的方法：

currentStyle 获取当前样式（又称计算后的样式）  IE浏览器兼容的获取方法

oDiv.currentStyle.display

getComputeStyle   IE高版本（8以上）和chrome、Firefox等浏览器兼容的获取方法

getComputedStyle(oDiv)[‘display‘]

同时兼容的写法：

if(oDiv.currentStyle){

    console.log(oDiv.currentStyle.display);

 }else {

    console.log(getComputedStyle(oDiv)[‘display‘]); }

七、Math.random()   获取0~1之间的随机数