Day1笔记

最新推荐文章于 2024-10-01 20:12:28 发布

曲终散，故人归

最新推荐文章于 2024-10-01 20:12:28 发布

阅读量1k

点赞数 9

文章标签： javascript 笔记

本文链接：https://blog.csdn.net/qq_68113637/article/details/142343866

版权

Chp1 - javascript

1.JavaScript简介

布兰登·艾奇花了10天时间完成JavaScript，最开始是LiveScript，

与sun公司合作（以java出名）为了营销改名为JavaScript

JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言（Script 是脚本的意思）

脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行

现在也可以基于 Node.js 技术进行服务器端编程

.JavaScript与java 的关系 ----没有关系

JavaScript 也叫ECMSCscript

2.JavaScript作用

• 表单动态检验（密码强度检测)

• 网页特效

• 服务端开发（Node.js)

• 桌面程序（Electron)

• APP(Cordova)

• 控制硬件-物联网（Ruff）

• 游戏开发（cocos2d-js）

3.HTML/CSS/JS 各自的作用（关系）

HTML/CSS 标记语言--描述类语言

HTML 决定网页结构和内容( 决定看到什么 )

CSS 决定网页呈现给用户的模样( 决定好不好看 )

JS脚本语言--编程类语言

实现业务逻辑和页面控制( 决定功能 )

2.JavaScript引入方式

js引入方式有三种

1.行内式

<input type="button" value="点我试试" onclick="alert('Hello World')" />

可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），如：onclick

注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号

可读性差，在html中编写JS大量代码时，不方便阅读；

引号易错，引号多层嵌套匹配时，非常容易弄混；

特殊情况下使用

2.内嵌式

<script>
alert('Hello	World~!');
</script>

可以将多行JS代码写到 <script>标签中

内嵌式是学习时期常用的方式

3.外部js文件

<script src="my.js"></script>
//my.js文件内容
alert('hello world')

利于HTML页面代码结构化，把大量JS代码独立到HTML页面之外，既美观，也方便文件级的复用

引用外部 JS文件的 script 标签中间不可以写代码

适合于JS 代码量比较大的情况

3.JavaScript注释

1.单行注释

为了提高代码的可读性，JS与CSS一样，也提供了注释功能。JS中的注释主要有两种，分别是单行注释和多行注释。单行注释的注释方式如下：

// 我是一行文字，不想被 JS引擎 执行，所以 注释起来

// 用来注释单行文字（快捷键 ctrl + / ）

2.多行注释

/*
可以注释多行文字
*/

/* */ 用来注释多行文字（默认快捷键 alt + shift + A ）

4.JavaScript输入输出语句

输入输出语句

为了方便信息的输入输出，JS中提供了一些输入输出语句，其常用的语句如下：

方法	说明	归属
alert(info)	浏览器弹出警告框	浏览器
console.log(info)	浏览器控制台打印输出信息	浏览器
document.write(info)	在HTML文档页面输出内容	浏览器
prompt(info)	浏览器弹出输入框，用户可以输入	浏览器

注意：alert() 主要用来显示消息给用户，console.log() 用来给程序员自己看运行时的消息。

使用 document.write() 仅仅向文档输出写内容; 如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。如果含有html标签会被解析。

<script>
 // document.write('<script>alert(123);</script>'); 
  //弹不出来并报错，   需用 \ 转义   因为 </script>会被当成结整标记
  document.write('<script>alert(123);<\/script>')
</script>

语法规则：

1、此环境对空格换行，缩进不敏感

2、区分大小写

3、语句：一个指令一个功能，每一条语句结束后，(结束符;)

4、符号，英文半角

Chp2 - 变量

1.变量概念

定义：变化的量，可以通过一些符号表示一些数据，这个符号就是变量（初始化再次修改的量）

通俗来讲变量是用于存放数据的我们通过变量名获取数据，甚至数据可以修改。

1.2变量在内存中的存储

本质:变量是程序在内存中申请的一块用来存放数据的空间。

类似我们酒店的房间，一个房间就可以看做是一个变量。

2.变量的使用

变量在使用时分为两步：1.声明变量2.赋值

1.声明变量

var 变量名; 
var age; //声明一个名称为age的变量

var是一个JS关键字，用来声明变量（variable:[ 'vɛəriəbl ]变量的意思）。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管

age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

2.赋值

变量名 = 值;
age = 10； //给age这个变量赋值为10

= 用来把右边的值赋给左边的变量空间中此处代表赋值的意思

变量值是程序员保存到变量空间里的值

3.变量的初始化

变量声明的两种方法、

1、先声明，再赋值

2、声明的同时，即赋值

var 变量名 = 值;
var age = 18 ; //声明变量同时赋值为18

声明一个变量并赋值,我们称之为变量初始化

3.变量语法扩展

1.更新(修改)变量的值

一个变量被重新复赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准。

var num = 7;
num = 12;//最后的结果就是12因为7被覆盖掉了

2.同时声明多个变量

1、先声明，再赋值

2、声明的同时，即赋值

同时声明多个变量时，只需要写一个var,多个变量名之间使用英文逗号隔开。

var name ="令", age ="26";

3.声明变量特殊情况

4.变量命名规范

由字母(A-Za-z)、数字(0-9)、下划线()、美元符号($)组成，如：usrAge, num01,name
严格区分大小写。var app;和var App; 是两个变量
不能以数字开头。 18age是错误的
不能是关键字、保留字。例如：var、for、while
变量名必须有意义。 MMD BBD nl — age
遵守驼峰命名法（小驼峰）。首字母小写，后面单词的首字母需要大写。myFirstName 也可以是下划线命名法 student_name

推荐翻译网站：有道爱词霸

5.关键字和保留字

关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。

包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with 等。

保留字：实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能会成为关键字，同样不能使用它们当变量名或方法名。

包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile 等。