JavaScript部分基础知识点

最新推荐文章于 2024-05-29 01:02:52 发布
最新推荐文章于 2024-05-29 01:02:52 发布
阅读量171 收藏
点赞数
分类专栏： 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49416118/article/details/109006179
版权

1.alert控制浏览器弹出一个警告框
document.write()向body中输出一个内容
console.log()向控制台输出一个内容

2.js编写位置
可以将js代码编写到外部js文件中，然后通过引入script标签引入
写到外部文件中可以在不同的页面中同时使用，也可以利用到浏览器的缓存机制
推荐使用
–>
<!–
script标签一旦用于引入外部标签，就不能再编写代码了
若需要则可重新创建一个新的script标签编写内部代码

可以将js代码编写到标签的onclick属性中
点击按钮后才会执行

	 虽然可以写在属性中，但属于结构与行为耦合，不方便维护，不推荐使用

3.基本语法：
JS注释：(多行)，//单行注释
JS中严格区分大小写
JS中每一条语句以（;）结束
如果不写，浏览器会自动添加，但会消耗系统资源
而且可能加错，所以必须写
JS会忽略多个空格和换行，可以利用空格和换行对代码进行格式化

  1. 字面量：不可改变的数值,
    1 2 3 4 5
    都是可以直接使用，但一般不直接使用

         变量：可以用来保存字面量，值可以任意改变

  2. 标识符：
    可以有字母，数字，_,$
    不能以数字开头
    不能是ES中的关键字或保留字
    一般采用驼峰命名法：
    首字母小写，每个单词开头字母大写，其余字母小写：helloWorld

     	   JS底层保存标识符时实际上是采用的Unicode编码
 	   所以理论上讲，所有的utf-8含有的内容都可以作为标识符

  3. 数据类型：字面量的类型（六种）
    string字符串
    使用引号括起来，若不加就是变量
    引号不能嵌套，但可以使用转义字符
    " : "
    ’ : ’
    \n :换行
    \ :
    number数值
    boolean布尔值
    null空值
    undefined未定义
    object对象

     	除了object是引用数据类型，其余都是基本数据类型

  4. 标识符：
    可以有字母，数字，_,$
    不能以数字开头
    不能是ES中的关键字或保留字
    一般采用驼峰命名法：
    首字母小写，每个单词开头字母大写，其余字母小写

  5. 使用运算符typeof检查变量的类型
    语法： typeof 变量
    返回结果：字符串string
    数值number

     	JS中可以表示数字的最大值
 	Number.MAX_VALUE:
 	  1.79769……+308
 	 如果使用number表示的数字超过了最大值，则会返回一个
 	 infinity
 	  表示正无穷
 	 -infinity
 	  表示负无穷
 	  NaN
 	  不是数字
 	  使用typeof检查infinity也会返回number

  6. boolean:true/false,
    用typeof检查infinity也会返回boolean

  7. 强制类型转换：
    将其他的数据类型转换为：string number boolean

    	转换为string数据类型：
	   方式1：调用被转换数据类型的toString()方法
	         该方法不会影响到原变量的值
			null和undefined这两个值没有toString方法，若调用，则报错。
	   方式2:调用string（）函数，并将被转换的数据作为参数

  8. 将其他的数据类型转换为number
    方式：
    使用Number()函数
    -字符串–>数字
    1.如果直接是纯数字的字符串，则直接转
    2.如有非数字的内容，则转换为NaN
    3.如果字符串是一个空串或一个全空格的字符
    -字符串–>数字
    true:1;
    false:0.
    null–>数字:0
    undefined–>数字

    		调用parseInt（）函数将a转换为Number
		parseInt（）函数可以将一个字符串中有效的整数内容取出来
	parseInt（）和parseFloat（）作用类似，不同的是他们获得的有效小数

  9. 将其他类型转换为Boolean
    使用Boolean()函数
    -数字–>布尔：除了0和NaN,其余都是true
    -字符串–>布尔：除了空串,其余都是true
    -null,undefined都会转换为false
    -对象也会转换为true

  10. 运算符也叫操作符
    通过运算符可以对一个或多个值进行运算，并获取运算结果
    比如typeof就是运算符，获得一个值的类型
    它会返回该值的字符串类型：
    number string boolean unfined object

    	   算数运算符：+ - * /  %
	     对非number值，先转换为number类型再计算
		 任何值与NaN作运算都得NaN
		 
	   任何值与字符串相加都会转换为字符串，并做拼接返回
		    所以可以将任意数据类型转换为string

    这是一种隐式的类型转换，由浏览器自动生成，实际上它也是调用String()函数

    	   除了加法，其他的都是转换为number再计算
	      可以通过为一个值-0 *1 /1来将其转换为Number
		  原理和Number()函数一样，但更简单

  11. 一元运算符：只需要一个操作数
    负号：对数字进行取反

    	对非number类型的值：
	    先转化为number，再运算
		可以对一个其他类型使用+，将其转换为number类型

  12. 逻辑运算符：
    ！ 非：对布尔值进行取反操作
    对非布尔值先转换为布尔值，再计算
    可以利用此特点将其他数据类型转换为布尔类型
    可以为一个任意数据类型取两次反，来将其转换为布尔值
    原理和Boolean()函数一样

    	&& 与：对符号两侧的值进行与运算并返回结果
	      全true则true，有一个false则false
	      如果第一个值为false，则不再检查第二个
	
	|| 或：对符号两侧的值进行或运算并返回结果
	      全false则false，有一个true则true
	      如果第一个值为true，则不再检查第二个

  13. && || 非布尔值的情况
    先将其转换为布尔值，然后再运算，并且返回原值

    	 与运算：true && true:返回后者
	        如果第一个值为false，则返回第一个值
	        如果第一个值为true，则返回第二个值
			
	 非运算：两个值都为false，则返回前者
	        如果第一个值为true，则返回第一个值
	        如果第一个值为false，则返回第二个值

  14. 赋值运算符：
    =
    +=

  15. 关系运算符：
    比较两个值之间的大小关系
    成立，返回true
    不成立，返回false

    	> >=  <  <=
	非数值：将其转换为数值，再比较

    如果符号两侧都是字符串，则不会转换为数字，而是直接比较两者的Unicode编码
    一位一位进行比较，如果两位一样，则比较下一位
    比较两个字符串的数字时，一定要转型
    任何值与NaN作比较，都是false

  16. 在字符串编码中使用转义字符输入Unicode编码
    \u四位编码
    在网页中使用Unicode编码
    &#编码；（十进制的编码）

  17. ==
    undefined衍生自null
    所以这两个值做比较时，会返回true

    NaN不和任何值相等，包括它本身

!= 不相等
===  全等：和==类似，但其不会进行自动类型转换
          如果两个值类型不同，直接返回false
！==  

  18. 条件运算符也叫三元运算符
   语法：
   条件表达式？语句1:语句2
    求值：true，执行语句1，返回结果
	     false，执行语句2，返回结果

  19. 程序由一条条语句构成
    语句自上向下执行
    在js中可以使用{}为语句分组，即代码块，同时执行或者不执行
    在代码块后边不用再编写;了

    	JS中的代码块只具有分组作用，没有其他的用途
	 代码块内容的内容，在外部是完全可见的

  20. prompt()可以弹出一个提示框，会带有一个文本框
    用户可在文本框输入内容，该函数需要一个字符串作为参数
    该字符串将会作为提示框的提示文字

    用户输入的内容将会作为函数的返回值返回，可以定义一个变量来接收该内容

  21. 程序由一条条语句构成
    语句自上向下执行
    在js中可以使用{}为语句分组，即代码块，同时执行或者不执行
    在代码块后边不用再编写;了

    	JS中的代码块只具有分组作用，没有其他的用途
	 代码块内容的内容，在外部是完全可见的

  22. 流程控制语句：
    语句的分类：
    1.条件判断语句
    2.条件分支语句
    3.循环语句

    	条件判断语句：
	   使用条件语句可以在执行某个语句之前进行判断
	   成立才执行
	  -if语句
	   语法一：
	     if（条件表达式）
		    语句
			if语句在执行时，会先对条件表达式进行求值判断
			为true才执行if后面的语句
		if语句只能控制紧随其后的那条语句（可放入代码块）
		
		语法二：
		   if（条件表达式）{
			      语句……
			   }else{
				  语句……
			   }
			   
		if……else……语句
		当该语句执行时，会先对if后的条件表达式进行求值判断
		为true，则执行if后的语句
		为false，则执行else后的语句
		
		语法三：
		   if（条件表达式）{
			      语句……
			   }else if{
				  语句……
			   }}else if{
				  语句……
			   }else{
				   语句……
			   }
			   
		if……else……if……else……语句
		当该语句执行时，会先对if后的条件表达式进行求值判断
		为true，则执行if后的语句
		为false，则执行else后的语句
是小张朋友呀
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
最新Javascript 基础知识全总结(持续更新)
weixin_66092620的博客
04-17 8263
本人目前在黑马程序员培训,现将所学的知识整理出来,希望能帮到零基础的初学者,后续会持续更新~~~ 一,JavaScript 是什么 1, JavaScript 是什么 JavaScript 是一种运行在客户端（浏览器）的编程语言，实现人机交互效果 2, 作用 网页特效 (监听用户的一些行为让网页作出对应的反馈) 表单验证 (针对表单数据的合法性进行判断) 数据交互 (获取后台的数据, 渲染到前端) 服务端编程 (node.js) 3, JavaScript的组成 E...
JavaScript的基础知识点和简单案例.pdf
05-07
示例中包含了JavaScript的基本语法，如变量声明、条件语句、事件监听和处理等，这些是学习JavaScript时必须掌握的基础知识。 DOM操作： 通过获取HTML元素（如输入框、按钮等）并操作它们的值或属性，示例展示了如何...
JavaScript消息对话框(提示框，页面输出以及浏览器控制台打印)
Alyces的专栏
11-03 5029
1. JavaScript 页面输出(Document.write): document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。 2. JavaScript 警告窗(alert): alert("Hello JavaScript!"); 3. JavaScript 确认框(confirm):
Js面试题（一）
热门推荐
莉莉的博客
09-11 4万+
1. javascript的typeof返回哪些数据类型. string,boolean,number,undefined,function,object 2. 例举3种强制类型转换和2种隐式类型转换? 强制（parseInt,parseFloat,number） 隐式（== ===） 3. split() join() 的区别 前者是将字符串切割成数组的形式，后者是将数组转换成字符串 4. 数组...
JavaScript基础知识点
qq_40046544的博客
08-06 1932
JavaScript是一门完备的动态编程语言。当应用于HTML文档时，可为网站提供动态交互特性。由布莱登布兰登·艾克发明。字面量是用于表达源代码中的一个固定值的表示法字面量有数字字面量、字符串字面量、数组字面量、对象字面量等变量是计算机中用来存储数据的容器，简单理解是一个盒子。未定义是比较特殊的类型，只有一个值undefined只声明变量未赋值的情况下，变量的默认值为undefined简介：数组是一种可以按顺序保存数据的数据类型元素：数组中保存的每一个数据都叫做数组元素下标：数组中数据的编号。...
javascript-基础知识点总结
weixin_49349476的博客
05-17 2016
JavaScript的出现，使得用户可以与页面进行交互（如定义各种鼠标效果），让网页实现更多绚丽的效果
Javascript 基础知识学习
岳来的博客
11-23 6582
javascript 基础学习
javascript基础知识点
m0_67256600的博客
06-07 141
1、js的组成部分 ECMAScript、BOM、DOM 2、js引入方式 行内 onclick 内嵌 外链 3、js的输出方式 控制台输出 console.log(); 文本输出 document.write(); 弹窗 alert(); 4、变量声明 var a=1; conso...
JavaScript的基础知识点
weixin_72636693的博客
08-24 97
⼀、什么是JavaScript 1.定义 JavaScript（简称“JS”） 是⼀种具有函数优先的轻量级，解释型或即时编译型的编程语⾔。虽然它是作为开发Web页⾯的脚本语⾔⽽出名的，但是它也被⽤到了很多⾮浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语⾔，并且⽀持⾯向对象、命令式和声明式（如函数式编程）风格。 2.组成部分 javascript组成： ECMAScript描述了该语⾔的语法和基本对象，它可以理解为是JavaScript的⼀个标
JavaScript基础ECMAScript知识点复习整理
weixin_67657460的博客
05-29 1089
JavaScript基础ECMAScript知识点复习整理
JavaScript：Dom知识点总结
果冻
07-21 1055
目录 一、DOM简介 二、HTML DOM 树形结构: 三、DOM 节点 节点类型 节点父、子和同胞 （1） 父级节点 （2）子节点childNodes （3）子节点children （4）子节点first和last （5）兄弟节点 四、DOM对象 1、查找 HTML 元素常用方法 （1）get方法 （2）querySelector 和 querySelectorAll （3）获取特殊元素（body，html） 2、事件基础 （1）事件概述 （2）事件三要素 ​（.
javascript知识点总结（1）
07-23
本文包括JavaScript的部分基础知识的总结
javascript基础知识讲解
11-28
本文将讲述以下几点对于初学者开说javascript（有的是大部分语言都有的）的坑 讲解内容如下： 1. 连等 2. i++ 3. 包装对象 4. 引用类型 5. && 与 || 讲解部分 1. 连等 小试牛刀 连等是常见的表达式，但是并不是所有...
JavaScript知识点总结(十六)之Javascript闭包（Closure）代码详解
01-19
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级...以下内容大部分是来自原文，我在原文的基础上加上一些代码注释和运行效果图以及少许的修改，方便大家理解！ 一、变量的作用域 　要理解闭包，
JavaScript进阶教程(第四课第一部分)
10-30
JavaScript进阶教程(第四课第一部分) 在这部分课程中，我们将学习 JavaScript 中的两种重要的数据类型：图象和对象。...这些知识点将帮助我们更好地理解 JavaScript 的基础概念，并为后续的学习打下坚实的基础。
Cannot read properties of undefined (reading ‘0‘)“
m0_49416118的博客
01-07 8377
原代码： <div class="shop-header-discounts"> <div class="discounts-left"> <div class="activity" :class="supportClasses[info.supports[0].type]"> <span class="content-tag"> <span class="mini-tag">{{info
Failed to load resource: the server responded with a status of 404 (Not Found)
m0_49416118的博客
09-09 6124
问题：vue 项目打包后访问不到页面 报错Failed to load resource: the server responded with a status of 404 (Not Found) 原因：没有暴露静态资源 解决： 在项目的根目录下创建一个vue-config.js文件。 代码如下： const path = require(‘path’) function resolve(dir) { return path.join(__dirname, dir) } module.exports =
Cannot read property ‘width‘ of undefined“
m0_49416118的博客
06-16 2615
问题： 获取元素当前显示的样式 报错： Cannot read property ‘width’ of undefined" 原因： currentStyle只有IE浏览器支持，其他的浏览器都不支持 代码： <script type="text/javascript"> window.onload = function(){ var box1 = document.getElementById("box1"); var btn01 = document.getElemen
css新增UI样式：字体，阴影，边框，背景
m0_49416118的博客
10-07 1964
新增UI方案 一、自定义字体 1.谷歌版本不一样的问题：第10节 2.Vscode没有新建目录，无法复制粘贴字体：第11节 解决方法：用Hbuilder，但是粘贴时自动关闭Hbuilder。 3. 字体效果不显示 #test{ font:200px “微软雅黑”； } 4.控制台无法完全显示 5.@font-face:允许网页开发者为其网页指定在线字体。通过这种自备字体的方式，可消除用户对电脑字体的依赖。 Font-family:所指定的字体名字将被用于font或font-family属性 S...
javascript 高级程序设计
最新发布
06-02
《JavaScript高级程序设计》（第4版）是一本全面介绍JavaScript语言核心和应用的书籍。本书分为三个部分：语言核心、客户端...同时，这本书也提供了很多实用的示例代码和练习题，可以帮助你加深对知识点的理解和应用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值