JavaScript基础知识(一)

xiaoxiao2021-02-28  110

1.JavaScript是什么?

HTML定义了网页的内容,CSS描述了网页的样式,JavaScript实现网页的行为

JavaScript是一种具有面向对象能力的,解释型的脚本语言。

JavaScript是基于对象和事件驱动,相对安全的客户端脚本语言。运行在浏览器下,提供更好的用户体验。

定义变量时不必具有明确的数据类型(弱类型),具有跨平台的特性。

JavaScript由三部分组成:ECMAscript(语法标准) DOM(文档对象模型) BOM(浏览器对象模型)

2.JavaScript在编程中的引入样式:行内样式 、内部script标签内、src外部引入Js文件

3.script标签的属性有 async(异步  script文件执行和网页加载并行) defer(非异步  script文件执行在页面加载完成后才执行)

4.JavaScript是弱类型语言,所有变量都用var定义,标识符的命名规则和JAVA相似,以字母,下划线,美元符开始,随后可以有数字,但不能有空格,逗号等

5.JavaScript输出方式有三种(可用来调试代码)

(1)document.write();   //在页面上输出

(2)console.log();      //在浏览器控制台输出

(3)alert();         //在弹出的提示框中显示

6.可以用document.getElementById();通过元素id来获取元素   document.getElementById().innerHTML 获得元素内容并且可以修改此内容

7.数组的声明有三种方式

(1)构造并动态赋值

var arr=new Array();

arr[0]="小明";

arr[1]=14;

(2)构造数组并赋值

var arr=new Array("小明",14);   //括号内若为一个数字 代表数组的长度

(3)简化型

var arr=["小明",14];

8.基本数据类型(5种)

number(数字)  string(字符串)  boolean(布尔类型)  null(空) undefined(未定义)

可使用typeof() 获得数据类型

9.对象的命名规则

var obj={

              属性1:属性值,

             属性2:属性值

             }

获取对象属性的方法有两种 obj.属性名     obj['属性名']

10.JavaScript运算符以及优先级(高到低)

(1). [ ] ( )  //对象属性调用 字段访问数组下标 函数调用  

(2)++ -- ~ ! delete new typeof  void  // 前目运算符

(3)* / % + - 字符串连接+              //算术运算符

(4)<< >> >>>         //移位运算符

(5)< <= > >= instanceof == != === !==    //比较运算符

(6)& ^( 异或) |  && || ? :(三目运算符)   //逻辑运算符

(7)  /= *=+= -= =     //(赋值运算符)

11.数据类型间的转换

数字 布尔值转换成字符串   String()     .toString()

字符串 布尔值转换成数字   Number()

解析字符串并返回整数 parseInt() 返回浮点型 parseFloat()  只转换数字部分遇到字母停止

12.条件语句

满足条件执行

if(表达式1){

                    若表达式1为真 执行此代码块

                     }

if(表达式1){

                 表达式1为真时执行的代码块

                }

else{                         表达式1为假时执行的代码块

                        }

if(表达式1){

                  表达式1 为真时执行的代码块

}else if(表达式2){

                  表达式2为真时执行的代码块

}else{

                  表达式1,表达式2都为假时执行的代码块

}

基于不同条件执行不同动作

switch(表达式1){

            case 表达式2:表达式2完全等于表达式1时执行的代码块

            break;

            case 表达式3:表达式3完全等于表达式1时执行的代码块

            break;

           default:均不满足时执行的代码块

}

13.循环语句

用于循环代码块一定的次数

for(表达式1;表达式2;表达式3){

表达式1执行一次初始化值;判断表达式2为真执行此处代码块;执行表达式2之后执行表达式3再判断表达式2是否为真,为真执行代码块,为假跳出循环

}

for(var x in 数组或对象){

            document.write(数组名[x]);  //遍历数组或对象属性

}

指定条件为真时执行的代码块

while(条件){

        条件为真执行的代码块

}

 先执行一次再判断

do{

     代码块先执行一次 再判断while为真时继续循环执行

}whil(条件)

14.跳转语句

break:跳出整个循环

continue:跳出本次循环

return:返回到调用函数的位置

15. 捕捉异常

try{

尝试执行代码块

}

catch(err){

        捕获错误的代码块

}

finally{

       一定执行的代码块

}

15.函数的声明

函数的定义:由事件驱动或者当被对象调用时所执行的可重复的使用的代码块

(1)function 函数名(){

       函数执行代码块

}

只有调用函数 函数才起作用

调用函数方式 函数名();

(2)表达式函数

var y=function(参数){

      重复执行的代码块

}

调用    y(实参);

(3)自调用函数

(function(形参){重复使用的代码块})();//声明并调用 表达式函数可自调用

(4)构造函数

var fuc=new Function("重复执行的代码块");

调用   fuc();

16.函数的参数

形参:函数声明时所定义的参数

实参:函数调用时传递的真正参数

默认参数:若声明时定义参数 调用时为传递参数 系统默认传递undefined   //消除默认参数对函数的影响 三目运算符进行判断并赋值

函数内置对象arguments 存放函数调用时传递的参数 实参数组

写在最后:

由于以前学过C.C++ 对Java也有一丢丢了解。所以初学JavaScript会比较容易 毕竟语言都是相通的,尤其是基本语法结构都是相似的。之前看过一篇文章说JAVA好比大众 运用最广泛   C,C++ 好比捷豹、林肯  前几年流行 现在慢慢暗淡下来 但是他们做底层架构还是杠杠的速度快 高效 JavaScript好比特斯拉  集美貌与动力于一身    我从学习的角度认为C++就好比男神 可望而不可及 永远让我感叹让我仰慕它的伟大,浅浅的学习了一下Java,感觉Java就好比男盆友 不远不近就在那 会帮你打理一些事 不像C++什么都不管 得自己来 但不是所有事情  初学几天JavaScript感觉像是好盆友 在他面前可以非常随意 他也会很理解你 会给你自由  来自小白的感想 有说的不对的地方 或者语言不当不通顺的地方请包容一下啦  以手写心嘛,随意的写出我想说的才最真实

最近的学习,也让我明白了一些道理 非常感想我的启蒙老师(初学C,C++时的老师) 一种思维习惯的养成和老师的教导也是有很大的关系 总在学Java或者JavaScript时会想到启蒙老师的样子以及上课时的语言 感谢!

转载请注明原文地址: https://www.6miu.com/read-42099.html

最新回复(0)