javascript学习全过程-----js学习笔记（1）------js的基础语法

**大家好，我是一名刚学习JavaScript语言的小白，在这分享我的学习笔记，每个星期六星期日更新五天的学习内容，如果有些有失偏颇的地方还望各位兄弟斧正，关注我，我们一起学习【加油】**首先js的全名是Javascript，它虽然和java长得很像但js是一种基于对象的客户端脚本语言；而java是一种编程语言.我们在学习中是不应该把二者搞混淆的**一.JavaScript的书写位置1.行内式（不推荐使用）写在a标签上

**

大家好，我是一名刚学习JavaScript语言的小白，在这分享我的学习笔记，每个星期六星期日更新五天的学习内容，如果有些有失偏颇的地方还望各位兄弟斧正，关注我，我们一起学习【加油】

**

首先js的全名是Javascript，它虽然和java长得很像但js是一种基于对象的客户端脚本语言；而java是一种编程语言.我们在学习中是不应该把二者搞混淆的

**

javascript学习全过程-----js学习笔记目录

**

一.JavaScript的书写位置

1.行内式（不推荐使用）

写在a标签上 

<a href="javascript:ja代码;">dian wo</a>
//<!-- 如果是a标签,js代码写在href属性里面,格式是:href="javscript:js代码;" -->

写在除a以外的标签上（如div标签）

<div onclick="alert(333333)">点击div出现弹框</div>
<div onclick="console.log(4444444)">点击div出现控制台信息</div>

2.内嵌式(可以写在页面任意位置)

<script type="text/javascript">
         //弹框
         alert(555555);
         //控制台
         console.log(6666);
         //在弹出的时候,获取用户数据
         prompt("你真的喜欢写代码吗?","学习使我快乐");
</script>

3.外链式(可以写在页面任意位置)

<script type=“text/javascript” src=“script.js” charset=“utf-8”></script>

这里解释一下：
类型type：text/javascript
路径src:script.js
字符集charset:utf-8

---

建议：

外链式:引入在</body>前面

内嵌式:写在在</body>前面

行内式:不推荐

扩展：

//弹框输出

alert(555555);

 //控制台输出

 console.log(6666);

 //在弹出的时候,获取用户数据

 prompt("标题","提示信息");

//页面输出内容

document.write(666);

二.变量（重点）

1.语法：

var 变量名 = 值 ；

注意:

                ==>一个变量名只能存一个值

                ==>当再次给一个变量赋值的时候,前面一次的值就没有了

                ==>js变量名区分大小写

2.命名规则与命名规范

规则:必须遵守的,不遵守就是错

         ==>变量名由:数字,字母,英文下划线(_),美元符号($)组成

         ==>严格区分大小写

         ==>不能有数字开头,不要使用中文汉字命名

         ==>不能是保留字和关键字(保留字就是留在以后使用的)

         ==>不要出现空格

 

规范:建议遵守的(开发者默认),不遵守不会错 

         ==>变量名尽量有意义(语义化)

         ==>遵循驼峰命名规则:有多个单词组成的时候,从第二个单词开始首字母大写

三.数据类型

基本数据类型：

1.数值类型（Number）：

==>一切数字都是数值类型；

==>NaN(一个非数字的数值类型）

2.字符串类型（String）：

 ==>被引号裹的所有内容(可以是单引号,可以是双引号)

3.布尔类型（Boolean）:

==>只有两个值，true（真）和   false（假）

4.null类型（null）：

==>只有null值，表示空的意思

5.undefined（类型）（undefined）：

==>表示没有值得意思

四.判断数据类型

typeof

语法：

==>typeof 要判断的数据;

==>typeof(要判断的数据);

注意：无法判断null类型；

五.数据类型的转换

1.其他类型转数值

（1）Number()

 ==>可以把一个变量强制转换成数值类型

 ==>可以转换小数,会保留小数

==>可以转换布尔值(true---1 ,false---0);

==>遇到不可操作的时候返回NaN

实例：

var a = "34.45";
console.log(Number(a));

运行结果：

(2)parseInt()

==>可以把一个变量强制转换成数值类型

==>从第一位开始检查,是数字就转换,直到一个不是数字的东西

 ==>开头就不是数字,直接返回NaN

实例：

var a = "34.45";
console.log(parseInt(a));

运行结果：

 

(3)parseFloat()

 ==>可以把一个变量强制转换成数值类型

==>从第一位开始检查,是数字就转换,直到一个不是数字的东西

 ==>开头就不是数字,直接返回NaN

 ==>认识一次小数点

实例：

var a = "34.45holle";
console.log(parseFloat(a));

运行结果：

2.其他类型转字符串

 1 变量.toString()

 ==>有一些数据不能使用,比如undefined和null

2 String(变量)

==>所有数据类型都可以

 3 使用加法运算:

 ==>在js里面,加法有两个含义

==>字符串拼接:只要+任何一边是字符串,就会是字符串拼接

 ==>加法运算:只要+两边都是数字的时候,才能进行加法运算

3.其他类型转布尔

 1 Boolean(变量)

==>在js中,只有"",0,null,undefined,NaN这些在转布尔的时候会转成false,其他都会转成true

 六.运算符

1.数学运算符  ：+（加） -（减）*（乘） /（除） %（取余）

（+）

==>如果左右都是数字,做加法运算,如果有一个是字符串,做拼接

实例：

var aa=30;
var bb="30"
alert(aa+bb);

运行结果：

（-）：

如果是字符串类型和数字类型相减，最后返回的结果是正常减法，字符串类型会隐式转换为数字类型。

（*）：

如果是字符串类型和数字类型相乘，最后返回的结果是正常乘法，字符串类型会隐式转换为数字类型。

（/）：

如果是字符串类型和数字类型相除，最后返回的结果是正常除法，字符串类型会隐式转换为数字类型。

（%）即求余数：

如果是字符串类型和数字类型求模，最后返回的结果是正常求模，字符串类型会隐式转换为数字类型。
 

2.赋值运算符：= ，+=，-=，*=，/=，%=

赋值运算符	栗子	相当于
+=	x+=y	x=x+y
-=	x-=y	x=x-y
*=	x*=y	x=x*y
/=	x/=y	x=x/y
%=	x%=y	x=x%y

3.比较运算符(返回的一定是布尔值)

== ：只比较值；
=== ：不仅比较值还比较数据类型；
！= ：非等；
> ：大于；
< ：小于；
<= ：小于等于；
>= ：大于等于；

例子：

 console.log(12>2);//true

 

4.一元运算符

I++：先赋值，再自加1
I- -：先赋值，再自减1
++i：先自加1，再赋值；
- -i： 先自减1，再赋值

5.逻辑运算符

1.&&（与）

==>进行且的运算

 ==>符号左边必须为true,并且右边也是true,才会返回true

==>只要有一边不是true,那么就返回false

 ==>一false 全false

实例：

console.log(true&&false);//false
console.log(false&&false);//false
console.log(true&&true);//true
console.log(1==2&&2===2);//false
console.log(1<=2&&2===2);//true

2.||（或）

 ==>进行或的运算

==>符号左边和右边只要一个是true,就会返回true

 ==>一true 全true

实例：

console.log(true||false);//true
console.log(false||false);//false
console.log(true||true);//true
console.log(1==2||2===2);//true
console.log(1<=2||2===2);//true

3.！（非）

==>进行非运算,就是取反元素

==>符号后面为true,结果就是false,符号后面为false,结果就为true

==>如果符号后面不是布尔值,强制转布尔,转完再取反

 ==>结果一定是布尔值

==>!!还有一个作用就是转布尔值

实例：

console.log(!true)//false
console.log(!false)//true
console.log(!!true)//true

console.log(!22);//false
console.log(!0);//true
console.log(!null);//true
console.log(!NaN);//true
console.log(!"0");//false

 

本文地址：https://blog.csdn.net/rain_zhh/article/details/107280083