JS基础

一.与html结合方式

1.内部js

内部js:html中添加script标签,内部写JS代码,标签位置影响执行顺序,同时注意浏览器缓存
<script> alert("hello world"); </script>

2.外部js

外部js:添加script标签,src属性引入外部js文件,标签位置影响执行顺序,同时注意浏览器缓存
<script src="../js/js1.js"> </script>

二.注释(和java一样)

1.单行注释 //注释内容
2.多行注释 /* 注释内容 */

三.数据类型

  1. 原始数据类型(5种,多一种undefined)(基本数据类型)
  • number: 数字 整数/小数/NaN(not a number 一个不是数字的数字类型)
  • string:字符串 没有字符概念
  • Boolean true和false
  • null 一个对象为空的占位符
  • undefined 未定义 如果一个变量没有给初始化,会被默认赋值为undefined

2.引用数据类型:对象

四.变量

概念:一小块储存数据的内存空间
java是强类型的语言(申请变量存储空间时,定义了空间将来存储数据的数据类型,只能储存固定类型的数据),javascript是弱类型语言(在开辟变量存储空间时,不定义将来的存储数据类型,可以放任意数据类型)

语法: var 变量名 = 初始化值;

判断数据类型:typeof(); 如document.write(typeof (a));

五.运算符

1.一元运算符:只有一个运算数的运算符
++,--(在前和在后有区别,在前,先自增(自减)再赋值,在后,先运算,再自增),+(正号),-(负号) 如 +3
var num =3; var a = num ++; document.write(num);//4 document.write(a);//3

var num =3; var a = ++num ; document.write(num);//4 document.write(a);//4

2.算数运算符
+,-,*,/,%

3.赋值运算符
=,-=,+=

4.比较运算符

=、 <=、 ==、 ===、 (全等于)

注意:比较方式:

(1).数据类型相同 返回布尔值true or false
字符串:按照字典顺序比,如: "abc"<"acd" // true

(2).数据类型不同:先进行类型转换
"122"<123 // true
"123"==123 // true

全等于:判断之前先进行数据类型判断,如果数据类型不相同,则直接返回false

5.逻辑运算符
与或非 && || !

6.三元运算符
?:
var a =3; var b =4; a>b?1:0 //0

注意:js中,如果运算数不是运算符所要求的类型,那么js引擎会自动将运算数进行类型转换

其他类型转number
(1)String 转 number 按在字面值转换 var b= +“123” alert(b+1) // 124 如果字面值不是数字,则转为NaN NaN和任意数运算还是NaN
(2)boolean 转 number : flase=0 ,true =1, var flag= + true; // 1
(3)null 转 number : null=0;

其他类型转boolean
(1)number:0或NaN为false,其他为true
(2)String:空字符串为false,非空字符串为true
(3)对象:所有对象都是true
(4)null和undefined:都是false

六.特殊语法:

(1)如果一行只有一条语句,可以省略结尾的分号;
(2)变量的定义使用var关键字,也可以不使用 用var是局部变量,不用var是全局变量

七.流程控制语句

1.if else
2.swicth:可以接收任意的原始类型,java最新版中只能接收byte,int shor,char, 枚举,String
switch (变量){
case(值1):
case(值2): }
3.while
4.do while
5. for

八.对象

1.function:
(1)创建 var fun = new Function(形式体参数,方法体)//基本不用;
function 方法名称(形式参数){方法体};
var 方法名 = fuction(形式参数){方法体};
(2)方法:
(3)属性:
length:形参个数 方法名.length
(4)特点: 方法定义时:形参的类型不用写
方法是一个对象,如果方法名称相同,会覆盖
在js中,方法的调用只与方法名称有关,和参数列表无关
在方法声明中有一个隐藏的内置对象(数组),arguments,封装所有实际的参数
2.Array
3.Date
4.Math
5.RegExp
6.Boolean

posted @ 2020-12-10 11:16  Code_Red  阅读(54)  评论(0编辑  收藏  举报