js基础

发布时间：2020-07-05 15:52:06 作者：汇天下豪杰
来源：网络阅读：337

1、js

js是一种编程语言，主要是让页面动起来，js与java没有半毛钱的关系;

因为js与python比较相似，所以基础的好多都是一样的;

2、js文件的存储位置
:js文件在HTML中写的时候，放到<body>...</body>的最后；

格式如下：

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>页面一</title>
        <style>
        
        </style>
    </head>
    
    <body>
    
    
        <script src = 'js/Jquery.js'></script>   <!-- 这里是引入Jquery库  -->
        <script type = 'text/javascript'>   
            <!-- 这里面是写js代码；也可以在其他地方写js代码,引入进来
        </script>
    </body>

</html>

3、js变量

(1)、js中单引号和双引号没有任何区别；js中代码可以放到一行，所以末尾加上；为好；

(2)、alert()：是以输出框的形式打印；比较繁琐，一般不用；

console.log()：是以控制台的形式打印；调试什么都比较方便，一般用的是这种打印方式；

(3)、var的区别

name = 'abc'      //全局变量
var name = 'abc'  //局部变量

在看其本质：

name = 'abc' <==> window.name = 'abc'；这就是全局变量，window是一个全局对象；

以后再写全局变量时，加上window.就可以很清楚的区分全局变量和局部变量;

4、js函数

js函数的调用位置可以在函数定义之上/之下。

(1)、构造函数

Fun('alex');

function Fun(){
    name = arguments[0];  //尽量不要用构造参数
    var arg2 = arguments[1];  //构造默认参数
    console.log(name);
    console.log(arg2);
    return;
}

js函数的接收默认参数，若没有接收到的是：undefine；

(2)、匿名函数

var temp = function(){
    //匿名函数
    
}

(3)、自执行函数

(function(name){
    //自执行函数,不用进行函数调用，就可以直接执行
    console.log(name);    
})('abc')  //这里是参数传递

5、js字符串

常用字符串的方法：

(1)、obj.trim();

var str = '   abc    ';
str.trim();  //trim()方法就是去掉字符串的前后空格

(2)、obj.charAt(index);

var str = 'abc';
str.charAt(0);  //结果'a';charAt()方法根据下标获取字符
str.charAt(100);  //超出索引,为''

(3)、obj.substring(start, end);

var str = 'abcd';
str.substring(1, 3);  //结果：'bc'  包含左边，不包含右边；获取子串

(4)、obj.indexOf(char);

var str = 'abcd';
str.indexOf('a'); //结果：0，没找到返回-1；

(5)、obj.length

var str = 'abc'
str.length   //结果：3；得到字符串的长度；

6、js数组

(1)、在js中数组的声明有2种方式：

var array = [1, 2, 3, 4,];     //直接声明数组
var array = Array(1, 2, 3, 4, 5);  //利用数组对象声明数组

(2)、数组添加方法

var array = Array(1, 2, 3, 4, 5);
array.push('alex');   //添加元素到数组的最后
array.unshift('old');  //添加元素到0位置
array.splice(1, 0, 'boy'); //添加元素到1位置
array.splice(100, 0, 8); //0代表：只插入,不删除,超过范围,自动补到最后一个位置即可;
//splice()的第2个参数不为0的时候；index；删除个数；替换的内容

(3)、特别注意

array[100] = 10; 这个才是下标为100处的赋值;
console.log(array);   //打印的是整个数组元素
array.splice(100, 0, 'haodehen') //不会添加到100下标处,只是追加到最后
console.log(array);
console.log(array[100])  //打印下标为100处的值，前面都是没有定义的(空着呢)

(4)、数组删除方法

obj.pop(); //删除数组中的最后一个元素

obj.shift(); //删除数组中的第一个元素

obj.splice(index, count); //从下标为index开始，一共删除几个元素

(5)、其他方法

obj.slice(start, end); //截取

obj1.concat(obj2); //合并

obj.reverse(); //翻转

obj.join('_'); //字符串化

obj.length //数组长度

7、js中的循环

一般常用的是2种for循环

var array = [11, 22, 33, 44, 55];
var dict = {'name':'alex', 'age':19}   //字典 由(key--value)

for(var item in array){  //在js中这个变量item取得是下标(索引/键)
    console.log(item);
}
for(var item in dict){        //对于这种循环的遍历，看起来简洁，当为字典遍历时只能用这个循环来遍历，每次取得键，就可得相应的值。
    console.log(dict[item]);  //通过这个才打印出value
}

for(var i = 0; i < 10; i++){  //这个for()循环很熟悉了,针对的是数组的遍历
    console.log(dict[i]);
}

js基础

相关阅读