1.JavaScript笔记手册Ⅰ版

最新推荐文章于 2024-10-16 16:26:58 发布

万物皆oop

最新推荐文章于 2024-10-16 16:26:58 发布

阅读量182

点赞数

分类专栏： javascript 文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/qq_16772059/article/details/124762668

版权

这是一份详尽的JavaScript学习手册，涵盖了从初期的JavaScript组成、数据类型转换，到函数、对象、内置对象的使用，以及DOM操作等核心概念。特别强调了调试输出方法、数组操作和字符串处理，帮助读者全面掌握JavaScript基础知识。

摘要由CSDN通过智能技术生成

Javascript

前言

每天都会有8节课程，涉及到的领域有前后端、操作系统管理、网络工程。

初期

1.JavaScript的组成

ECMAScript：语法标准，是javascript的核心
DOM：一套操作页面元素的API,可看作文档树，通过DOM提供的API可以对树上的节点进行操作
BOM：一套操作浏览器功能的API，通过BOM可操作浏览器窗口，如弹窗、控制浏览器跳转、获取分辨率。。。

2.调试输出的三种方法

alert(a)
console.log(a) 常用
document.write(a)

3.数据类型转换

三种转换成字符串

num.toString()
String(num)
num+" " 拼接字符串

3.1转换成数值类型

Number()

<html><body><script>
        var a=1                 console.log(Number(a)) //
        var b='100'            console.log(Number(b)) //
        var c='abcd'           console.log(Number(c)) //		NaN
        var d=true   		      console.log(Number(d))  //	true 1; false 0
        var e=undefined    console.log(Number(e))  //	NaN
        var f=null               console.log(Number(f))  //		0

parseInt() 转化为整数

<html><body><script>
var a=parseInt('1.2df')			1
var b=parseInt(1)				1
var b=parseInt('666abc')				666
var c=parseInt('c12')			NaN
var d=parseInt(null)			NaN
var e=parseInt(undefined)		NaN
console.log(a,b,c,d,e)

parseFloat() 转化为小数

<html><body><script>
var a=parseInt('100.112')			100.112
var b=parseInt(100.112)				100.112
var b=parseInt(100)					100
var c=parseInt('1abc')				1
var d=parseInt(asd2dd)				NaN
var e=parseInt(abc)					NaN
console.log(a,b,c,d,e)

3.2转换成布尔类型

Boolean()

var a=Boolean('0')				true
var b=Boolean(0)				false
var b=Boolean('1')				true
var c=Boolean(null)				false
var d=Boolean(undefined)		false
var e=Boolean(NaN)				false
var e=Boolean('')				false
console.log(a,b,c,d,e,f)

4.操作符

4.1自增

后置的是n+1之前的值
前置的是n+1以后的值
n++ 先参与语句执行n=n+1 ，再加1
++n：先自增再参与语句执n=n+1

表达式	运算	表达式的值
count++	给count加1	count原来的值
++count	给count加1	count+1以后的值
count–	给count减1	count原来的值
–count	给count减1	count-1以后的值

5.函数

5.1三种函数调用

函数匿名自调用（只调用一次） (function(){
console.log(‘go’);
})();
匿名函数赋值调用var fn=function(){
console.log(‘go’);
}
fn();
普通调用不做介绍

5.2函数返回值return

不用输出，直接return

  <script>
   function go(n){
     
        var sum=0;
        for(var i=1;i<=n;i++){
     
            sum+=i;
        }
        return sum;
    }
    var res=go(100);
    console.log(res+666);
  </script>

5.3函数作为参数

<script>
//函数可以作为另外一个函数的参数
var f1=function(){
     
	return 100;
};
//希望有一个函数类型的参数 传进来
    function f2(f){
     
        var res=f();
        console.log(res);
    }
    f2(f1);
</script>

6.对象

6.1常规化对象

<script>
	<script type="text/javascript">
	    var obj={
     
	        "name":"张三",
	        "age":"20",
	        say:function(){
     
	            console.log("say....");
	        }
	    };
	obj.name="zhangsan"
	delete obj.name;
	console.log(obj.name);
	obj.say();
</