JavaScript-总结

javascript 专栏收录该内容
15 篇文章 0 订阅

引入方式

1.外部引入 引入一个独立的js文件

<script type="text/javascript" src="路径/文件名.js"></script>

2.内部引入(内嵌) 在head或者body标签内定义script标签,然后在script标签内书写js代码

<script type="text/javascript">js代码</script>

3.行内引入 在标签内结合事件来使用

<input type="button" value="行内引入方式" οnclick="javascript:alert('我是行内引入方式');">

编写位置

一,写在script标签中
1.可以将js代码编写到标签的onclick属性中,当我们点击按钮时,js代码才会执行

<button onclick="alert('点我');">点我一下</button>

2.可以将js代码写在超链接的herf属性中,这样当点击超链接时,会执行js代码

<a href="javascript:alert('点击');">点我</a>

虽然可以写在标签的属性中,但是他们属于结构与行为耦合 不方便维护 不推荐使用

二,编写到外部js文件中 然后通过script标签引入

<script></script>

1.script标签一旦引入外部文件,就不能在编写代码了 即使编写代码了浏览器也不会执行

要想执行在创建一个script标签用于编写内部代码

基本语法

1.多行注释

/**/

2.单行注释

//
1.js中严格区分大小写
2.js中每一条语句以分号(;)结尾
   -如果不写分号,浏览器会自动添加  但是会消耗一些系统资源
   而且有时候  浏览器会加错分号  所以在开发中分号必须写
3.js中会自动忽略多个空格和换行  所以我们可以利用空格和换行对代码进行格式化(好看)

字面量与变量

诸如var a={}; var b=[];var c={name:"张三"};

var a={}等同于var a=new Object;

var b=[]等同于var b=new Array;

var c={name:"张三"};等同于

var c=new Object;

c.name="张三";

这样写更加简单,而且节省空间,对javascript这种非编译型语言节省空间也很重要

变量可以用来保存字面量  而且变量的值是可以任意改变的 在开发中方便 所以我们都是用一个变量
去保存一个字面量
声明变量
在js中使用var关键字来声明一个变量
var a;
如果只声明没有赋值  默认undefined
不声明报错

标识符

-在js中所有的可以由我们自主命名的都可以称为标识符
-例如 变量名  函数名  属性名都属于标识符
-命名一个标识符时需要遵循如下规则
    1.标识符中可以含有字母 数字 _  $
    2.标识符不能以字母开头
    3.标识符不能是ES中的关键字或保留字
    4.标识符一般采用驼峰式命名法
      首字母小写 ,每个单词的开头字母大写  其余字母小写
      helloWorld
-js底层保存标识符时实际上是采用的Unicode编码
所以理论上讲  所有的utf-8中含有的都可以作为标识符
var 锄禾日=789;
console.log(锄禾日);	//789

数据类型

数据类型指的就是字面量的类型
在js中一共有六种数据类型
String       字符串
Number       数值
Boolean      布尔
Null         空值
Undefined    未定义
Object       对象

其中String Number Boolean  Null  Undefined属于基本数据类型
而Object属于引用数据类型

String字符串
-在js中字符串需要使用双引号引起来
-使用双引号或单引号都可以  但是不要混着用
-引号不能嵌套  双引号里面不能放双引号 单引号里面不能放单引号
在字符串中我们可以使用\作为转义字符
\"  表示"
\'  表示'
\n  表示换行
\t  制表符 (按了一个tab键)
\\  表示\
输出字面量 字符串str
alert("str");

输出变量str
alert(str);

Number

在js中所有的数值都是Number类型 包括 整数 和浮点数 (小数)

数字123
var a=123;

字符串123
var b="123";

console.log(a);
console.log(b);
控制台看不出来哪个是数字哪个是字符串

js提供了typeof运算符
console.log(typeof a);	//number

语法:typeof(表达式)和typeof 变量名
第一种是对表达式做运算,第二种是对变量做运算
检查字符串时会返回 String 
检查数值时会返回   Number
js中可以使用Number.MAX_VALUE表示数字的最大值   
相乘得到更大 Number.MAX_VALUE * Number.MAX_VALUE  Infinity
如果使用的字符超过了最大值则返回Infinity
Number.MIn_VALUE  最小值
console.log(Number.MAX_VALUE);
console.log(Number.MAX_VALUE * Number.MAX_VALUE);
console.log(typeof Infinity);	//Number
console.log(typeof NaN);	//Number

var c="abc" * "abc"
console.log(c);	//NaN
js中整数基本可以保证精确
var a=111+222;
console.log(a);	//333
如果使用js进行浮点运算  会得到一个不精确的结果  千万不要使用js进行精确度比较高的运算
d =0.1+0.2;
console.log(d);	//0.30000000000000004

Boolean

布尔值只有两个值主要用来做逻辑运算  真true 假false  区分大小写 也就是说
True和False(以及其他的混合大小写形式)都不是Boolean值,只是标识符。
使用typeof检查一个布尔值时  会返回boolean
var bool=true;
console.log(bool);	//true
console.log(typeof bool);	//boolean
JS中所有的数据类型的值都可以被转换为Boolean类型?
只有六个数据会被转换为false
1、undefined
2、null
3、0
4、-0
5、NaN
6、空字符串 “”
数据类型			转换为true的值			转换为false的值
Boolean				true					false
String				任何非空字符串				""空字符串
Number				任何非零数字值(包括无穷大)	 0和NaN
Object				任何对象					null
Undefined			不适用						undefined

Null和Undefined

Null(空值)类型的值只有一个  就是null
null这个值专门用来表示一个为空的对象
使用typeof检查一个null值时 会返回 object
Chrome 7及之前版本在对正则表达式调用typeof操作符时会返回"function",
而其他浏览器在这种情况下会返回"object"。

Undefined类型的值只有一个 就是undefined
-声明不赋值 返回undefined
-不声明 报错
使用typeof检查一个undefined时也会返回undefined
var a=null;
console.log(a);	//null
console.log(typeof a);	//object
var d=undefined;
console.log(typeof d);	//undefined

未完

  • 2
    点赞
  • 2
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值