『笔记』JavaScript基础学习笔记 0
侧边栏壁纸
  • 累计撰写 61 篇文章
  • 累计收到 1,246 条评论

『笔记』JavaScript基础学习笔记 0

六六丶
2021-08-16 / 0 评论 / 232 阅读 / 正在检测是否收录...
广告
温馨提示:
本文最后更新于2021年11月28日,已超过55天没有更新,若内容或图片失效,请留言反馈。

JS简介

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向 对象、命令式、声明式、函数式 编程范式。

JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

JavaScript的标准是ECMAScript 。截至 2012 年,所有浏览器都完整的支持ECMAScript 5.1,旧版本的浏览器至少支持ECMAScript 3 标准。2015年6月17日,ECMA国际组织发布了ECMAScript的第六版,该版本正式名称为 ECMAScript 2015,但通常被称为ECMAScript 6 或者ES2015。

JS基础语法

从上至下按行顺序执行

<script type="text/javascript">
  alert("警告"); //弹出警告框
  document.write("在文档输出内容"); //在body中输出内容    document:文档 
  console.log("控制台输出内容"); //向控制台中输出内容
</script>

JS编写的位置

1、可以直接编写到标签的onclick属性中

<!--可以直接编写到标签的onclick属性中
 -当点击该属性时,js代码才会执行
-->
<button onclick="alert('点击执行')">

<!--可以直接编写到超链接的href属性中
 -当点击该超链接时,js代码才会执行
-->
<a herf="javascript:alert('超链接内的JS代码');">可以点击的超链接</a>
<a herf="javascript:;">不可点击的超链接</a>

2、可以将JS编写到script标签中

<script>
  alert("script标签中的代码")
</script>

3、可以将js代码编写到外部js文件中,再通过script标签引入

<script type="text/javascript" src="js/script.js"></script>

注意: script标签一旦用于引入外部文件了,就不能再编写代码,即使写了浏览器也会忽略
   如果需要,可以再创建一个新的script标签用于编写内部代码

JS基本语法

<script type="text/javascript">
  /*
  多行注释:注释的内容不会被执行,但是在源代码中查看
  可以通过注释来对代码进行一些简单的调试
  */
  // 单行注释,只注释//后的内容,换行即无效
  
  /*
  1、JS中严格区分大小写
  2、JS中每一条语句以分号(;)结尾
      -如果不写分号,浏览器会自动补齐,但是会消耗系统资源
        而且有些时候会加错分号导致错误,所以在开发中分号必须写    
  3、JS中会忽略多个空格和换行
  */
</script>

字面量和变量

字面量:都是一些不可改变的值
  比如:1 2 3 4 等
  字面量都是可以直接使用,但是一般不会直接使用字面量

变量:可以用来保存字面量,变量的值是可以改变的
   -变量更加方便使用,开发中通常通过变量保存一个字面量
   -可以通过变量对字面量进行描述,例如 var age = 18;

声明变量:在js中使用var关键字来声明一个变量

// 声明变量
  var a;
// 为变量赋值
  a = 123;
//声明与赋值同时进行
var a = 123; 

标识符

  • 在js中所有可以自主命名的都可以称为标识符
  • 例如:变量名、函数名、属性名都属于标识符
  • 命名一个标识符时需要遵守以下规则

      1、标识符中可以含有字母、数字、_、$
      2、标识符不能以数字开头
     3、标识符不能使用ES中的关键字或保留字
     4、一般使用驼峰命名法:首字母小写,每个单词开头字母大写,其他字母小写。 例如:xxxYyyZzz 
  • JS底层保存标识符时是采用的Unicode编码,所以理论上所有utf-8中含有的内容都可以作为标识符

数据类型

数据类型指的就是字面量的类型

  • 在JS中一共有六种数据类型

  • 其中String、Number、Boolean、Null、Undefine属于基本数据类型,而Object属于引用数据类型

一、String字符串

  • 在JS中字符串需要使用引号引起来
  • 使用单引号或者双引号都可以,但是不能混着用
  • 引号不能嵌套:双引号内不能放双引号,单引号内不能放单引号
  • 在字符串中可以使用作为转义字符

var str = "hello";
str = '我说:"你好"';
alert(str); //输出变量值,值为  我说:“你好”
alert("str"); //输出字面量str,值为 str 

二、Number数字

在JS中所有的数字都是Number类型,包括整数和浮点数(小数点后的数)

JS中可以便是数字的最大值:Number.MAX_VALUE

  • 如果使用Number表示的数字超过了最大值,则会返回一个Infinity

  • 使用typeof检查Infinity会返回Number
  • 大于0的最小值为:Number.Min_VALUE

NaN是一个特殊的数字,表示Not A Number

  • 使用typeof检查NaN也会返回Number
//数字123
var a = 123;
//字符串123
var  b= "123";

可以使用typeof检查变量类型
  -语法:typeof 变量
  -检查字符串时会返回string
  -检查数值时会返回number

console.log(typeof a);
console.log(typeof b);

var a = 1;
var b = 2;
var c = a+b;
console.log(c);

三、Boolean布尔值

布尔值只有两个,主要用来做逻辑判断

四、Null和Undefined

Null类型的值只有一个,就是Null

Undefined类型的值只有一个,就是undefined

强制类型转换

将一个数据类型强制转换为其他数据类型
类型转换主要指,将其他数据类型转换为String Number Boolean

一、将其他数值类型转换为String

var a = 123;    
a.toString();
a = a.toString();
console.log(a);
console.log(typeof a);

var a = 123;
a = String(a);
console.log(a);
console.log(typeof a);

二、将其他数值类型转换为Number

1、使用Number()函数

var a = "123";
var a = "abc";
var a = " ";
a = Number(a);
console.log(a);
console.log(typeof a);

var a = true;
var a = false;
a = Number(a);
console.log(a);
console.log(typeof a);

var a = null;
var b = undefined;
a = Number(a);
b = Number(b);
console.log(a);
console.log(typeof a);
console.log(b);
console.log(typeof b);

2、字符串专用转换方法

var a = "123px";
var b = "123.321px";
a = parseInt(a);
b = parseFloaf(b);
console.log(a);
console.log(typeof a);
console.log(b);
console.log(typeof b);

其他进制数字

var a = "070"; 
a = parseInt(a,8); // 制定解析为8进制
console.log(a);
console.log(typeof a);

三、将其他数值类型转换为Boolean

1、 直接使用Boolean()函数

var a = 0; 
var b = " "; 
var c = null; 
var c = undefined; 
a = Boolean(a); 
b = Boolean(b); 
c = Boolean(c); 
console.log(a);
console.log(b);
console.log(c);
console.log(typeof a);

2、可以为任意一个数据类型取两次反!!,将其转换为布尔值

var a = "hello"; 
var a = !!a;
console.log(a); // 输出为true
console.log(typeof a); //类型为Boolean布尔值

运算符

运算符也叫操作符,可以对一个或多个值进行运算,并获取运算结果

  • tpyeof就是运算符,可以用来获得一个值的类型
  • tpyeof会将该值的类型以字符串的形式返回,如number、string、boolean、undefined、object等
var a = 123; 
var result = typeof a;
console.log(result);
console.log(typeof a);

6

打赏

评论 (0)

取消