当前位置: 首页 > news >正文

关于JavaScript初级的知识点一(持续更新 )

自己刚开始接触JS这是自己一个多月以来的一些总结和回顾。

一.什么是js?

js是一种弱类型的脚本语言,是HTML的3大组成部分之一。HTML标签 CSS样式 JS脚本。

二.js的5种基本数据类型

1.Number   值是数值

2.String      值是字符串

3.Boolean    值是布尔值 (ture, fales)

4.Null    值为空

5.Undefine   值为定义

js的操作符

  • 赋值操作符 : =
  • 算术操作符: + -  *  /%
  • 关系操作符: <  >  ==   <=  >=   !=
  • 条件操作符
  • 逻辑操作符  与 &&   或 ||    非 !
  • 递增递减操作符 ++   ——    i ++     ++i

操作符的优先级  逻辑非 >算术操作符 > 关系操作符> 逻辑与逻辑或 > 条件操作符> 赋值操作符

在 js中 ()提升优先级  [] 数组   {} 对象

三.js的基本特征

1>js 的特点

  •  一种 解释执行的脚本语言
  • 一种基于对象的脚本语言
  •  一种简单弱类型 脚本语言
  • 一种事件驱动的脚本语言
  • 一种相对 安全的脚本语言
  • 一种跨平台的脚本语言

2>基于事件驱动的语言

<1>鼠标事件

a.点击事件 onclike

b.移入事件 onmouseover

c.移出事件 onmouseout和onmouseleave

d.滚轮事件 onmousewheel   FireFox:DOMMouseScroll

e.按下事件 onmousedown 

f. 拖移事件 onmousemove

g.弹起事件 onmouseup

<2>键盘事件

a.键盘按下事件 onkeydown   针对全键盘,不区分大小写

b.键盘按住事件 onkeypress   针对数字和字母,区分大小写

c.键盘弹起事件 onkeyup    针对全键盘,不区分大小写

<3>移动设备的屏幕旋转事件

onchange

<4> 添加监听事件

AddEventListener()添加监听事件 (addEventListener('mouseout',函数名,false));

attachEvent() IE 浏览器

(3个参数)a.事件名称

       b.事件执行的函数

       c. 事件捕获

<5> 移除监听事件

RemoveEventListener () ;       detachEvent() IE浏览器

<6>事件一旦被触发,就会生成一个对应事件类型的event对象,可以通过event 对象所包含的数据进行界面操作

3>

js是解释型语言,是不需要整体编译的,可以逐行执行。解释型语言是相对于编译型语言而言。

编译型语言:是整个项目需要先通过编译器成机器能够读懂的机器指令(二进制序列)再去执行。

四. js的变量定义

1>. 变量定义需要使用关键字var,如果不使用var,则变量的定义时会被当做全局变量对待。

变量定义时一定要赋值,否则直接使用会提示变量undefine 

2>变量的命名规范

a.数字,字母,下划线,$等。

b.不能以数字开头

c.驼峰命名法则

d.见名知义

e.区分大小写

五. 程序执行的三大结构

1>.默认的为顺序结构

2>.循环结构

a.for 循环 

for(循环变量初始化(1);循环条件(2);循环增量(3){

循环体(4);

b. while 循环

while 循环格式

while(循环条件){

循环体}

c. do-while

do-while的循环结构

do{

循环体;

}while(循环条件)

while 和 do-while  相同点在于 都是不知道循环的次数。

区别:while 循环判断条件为真,执行循环体,有可能一次循环体都不执行。

   do-while 是先执行循环体,在判断条件是否为真,如果为真则继续执行,至少执行一次循环体。

3>. 分支结构

<1>.if 语句

a. if 语句

if(判断语句){

 语句

b. if- else 语句

if(判断语句){

  语句1}else {

  语句2

 }

 语句3

c. if -else if-...-else语句

<2>.switch-case 语句 (只能用 break)

switch(表达式){

case 值1: 语句1break;

case 值2:语句2break;

...

default:语句break;

  • 注意点:break是结束当前循环,
  • continue是结束本次循环,进行下次循环,
  • 使用break就已经不再循环了
  • 使用continue还要继续进行循环 

 <3>.三目运算符(条件运算符)

表达式3 ? 表达式1 :表达式2  

如果表达式3成立执行表达式1,如果不成立,执行表达式2

转载于:https://www.cnblogs.com/Sabo-dudu/p/5786683.html

相关文章:

  • Android - 看似内存泄漏,实则不是,记一次内存泄漏的案例分析
  • Linux下创建软RAID5和RAID10实战
  • 【原创】遨游springmvc之HandlerMethodReturnValueHandler
  • css 样式表分类总结
  • Babel6.x 转换ES6
  • SharpGL学习笔记(五) 视口变换
  • win2012配置
  • shell运算(加、减、乘、除)
  • 配置 linux-bridge mechanism driver - 每天5分钟玩转 OpenStack(77)
  • Android listview的item设定高度
  • 解决使用Handler时Can't create handler inside thread that has not called Looper.prepare()
  • Spring注解解释(@Primary、@Qualifier)
  • storm-kafka(storm spout作为kafka的消费端)
  • js没有重载
  • 【索引】Oracle之不可见索引和虚拟索引的比对
  • ➹使用webpack配置多页面应用(MPA)
  • CSS3 变换
  • java 多线程基础, 我觉得还是有必要看看的
  • JS创建对象模式及其对象原型链探究(一):Object模式
  • k8s如何管理Pod
  • MySQL数据库运维之数据恢复
  • Python代码面试必读 - Data Structures and Algorithms in Python
  • React-生命周期杂记
  • SpringBoot 实战 (三) | 配置文件详解
  • 表单中readonly的input等标签,禁止光标进入(focus)的几种方式
  • 代理模式
  • 聊聊flink的TableFactory
  • 前端相关框架总和
  • 数据可视化之 Sankey 桑基图的实现
  • 提醒我喝水chrome插件开发指南
  • ​软考-高级-系统架构设计师教程(清华第2版)【第20章 系统架构设计师论文写作要点(P717~728)-思维导图】​
  • # Swust 12th acm 邀请赛# [ E ] 01 String [题解]
  • # 达梦数据库知识点
  • #NOIP 2014# day.1 T2 联合权值
  • $.extend({},旧的,新的);合并对象,后面的覆盖前面的
  • (6)【Python/机器学习/深度学习】Machine-Learning模型与算法应用—使用Adaboost建模及工作环境下的数据分析整理
  • (笔记)Kotlin——Android封装ViewBinding之二 优化
  • (附源码)ssm教材管理系统 毕业设计 011229
  • (附源码)计算机毕业设计SSM在线影视购票系统
  • (十五)devops持续集成开发——jenkins流水线构建策略配置及触发器的使用
  • (转)母版页和相对路径
  • (转载)OpenStack Hacker养成指南
  • .Net(C#)常用转换byte转uint32、byte转float等
  • .NET/MSBuild 中的发布路径在哪里呢?如何在扩展编译的时候修改发布路径中的文件呢?
  • ;号自动换行
  • @SuppressWarnings(unchecked)代码的作用
  • @Transactional 详解
  • []T 还是 []*T, 这是一个问题
  • [2024] 十大免费电脑数据恢复软件——轻松恢复电脑上已删除文件
  • [CF407E]k-d-sequence
  • [Docker]五.Docker中Dockerfile详解
  • [Java][算法 双指针]Day 02---LeetCode 热题 100---04~07
  • [loj6039]「雅礼集训 2017 Day5」珠宝 dp+决策单调性+分治
  • [one_demo_11]二分查找法
  • [Oracle]4--查询操作