JavaScript 大佬速成 - 1 原生JavaScript 部分

我是李君子

Js是一种轻便灵活实用的网页脚本语言
是IT程序的基础

本系列将带您在最短的时间内学会JavaScript

如何使用
Web方法

1. 
   
2. HTML内嵌::
   
3. <script>/*jscode*/</script>
   
4. HTML引入::
   
5. <script src="PATH"><!--此处内容均为无效--></script>
   

复制代码

Linux方法

1. 
   
2. 安装Nodejs
   
3. pkg i nodejs
   
4. pkg install nodejs
   
5. 能用哪个用哪个
   
6. 安装完后
   
7. 输入node
   
8. 命令格式为node [线路]或者node
   
9. 然后就可以写代码了
   
10. .help帮助
    
11. .end结束
    

复制代码

输入输出

1. console.log(str)
   
2. //将字符打印到控制台上
   
3. document.write(str)
   
4. //把字符打印到网页上( 需要DOM支持 )
   
5. alert(str)
   
6. //弹窗(Linux Node不支持)
   
7. print(str)
   
8. //有些环境不支持此方法
   
9. //此方法打开打印对话框 以打印当前文档。
   
10. //您可以将以下代码加入到js中
    
11. var print = str => { console.log(str);return str }
    
12. //此函数会将内容输出到控制台上并返回内容
    

复制代码

注意: print方法是存在的


变量

1. 
   
2. var name = something
   
3. //声明一个变量为任意类型的值 此方法会污染全局
   
4. let name = something
   
5. //声明一个变量为任意类型的值 此方法不会污染全局
   
6. const name = something
   
7. //声明一个固定的量为任意类型的值 此方法不会污染全局
   
8. /*可生明的变量类型有
   
9. 布尔类型 即true 和false
   
10. 数字类型 如123456
    
11. 字符类型 如"str"
    
12. 函数类型 如function(){ code }
    
13. 对象类型 如{ code }
    
14. 数组类型 如[]
    
15. 关于对象类型
    
16. var obj = {
    
17.   成员1: 成员1的值
    
18.   成员2: 成员2的值
    
19. 对象成员可以是任意类型
    
20. 对象内的值可以用this引用同对象里的值
    
21. }
    
22. 对象外引用对象内的值语言用.运算符引用
    
23. 比如obj.num1
    
24. 
    
25. 关于数组类型
    
26. var array = [1,2,3]
    
27. 对应的索引为array[0] array[1] array[2]
    
28. 
    
29. 声明变量需要注意命名规范
    
30. 变量名不能以数字开头
    
31. JS没有C一样的指针 也没有PHP一样的文件指针
    
32. */
    
33. 1 + 1
    
34. //2 变量加减
    
35. 1 + "1"
    
36. //2 将字符转换为变量加减
    
37. 1 + "str"
    
38. //1str 字符拼接
    
39. !""
    
40. //false 符号运算
    
41. name++;++name
    
42. //变量自加
    
43. name--
    
44. //变量自减
    
45. /*
    
46. 基础运算符
    
47. +_*/%
    
48. 分别对应 加 减 乘 除 求余数
    
49. 逻辑运算符
    
50. ! && ||
    
51. 分别对应 非 与 或
    
52. */
    

复制代码

判断与循环

1. 
   
2. if(条件){}
   
3. //如果满足条件则执行
   
4. 值 || 如果第一个值不存在则执行的值
   
5. //二元表达式
   
6. if(条件){}else{}
   
7. //如果不满足条件则执行else后面的代码
   
8. 条件?语句:语句
   
9. //三元表达式
   
10. //当if或者else又或者是elseif条件后如果只有一行则可以省略大括号写在同一行
    
11. if(){}elseif(){}else{}
    
12. //连续判断
    
13. if(){if(){}}
    
14. //if嵌套
    
15. while(条件){}
    
16. //条件为true则执行大括号里的语句
    
17. for(赋值给一个量;条件;量自加){}
    
18. //该循环好处在于不用再声明量个量的自加
    
19. for 值 in 数组名{}
    
20. //推导式
    

复制代码

函数与对象
类对新手比较难理解 所以就不教类 抽象类 接口 之类的东西了

1. 
   
2. //例子
   
3. var obj = {
   
4.   num1 : 12,
   
5.   num2 : "5",
   
6.   num3 : this.num1 + obj.num2/*17 +会先试着把字符转换为数字*/,
   
7.   def: function(){}
   
8. }
   
9. //声明函数mydef
   
10. function mydef(num){
    
11.   return num
    
12. }
    
13. //num为函数参数 一个函数可以有多个参数
    
14. alert(mydef(5))//使用自定义函数 返回mydef的num参数的值给alert函数的第一个参数 弹出5
    
15. 
    
16. const myfunction = str => { console.log(str); return str; }
    
17. //声明剪头函数myfunction
    
18. console.log(myfunction("字符"))
    
19. //输出 字符字符
    
20. 
    
21. function(){}
    
22. //该函数会立即执行
    
23. 
    
24. obj.def()
    
25. //执行obj的def子函数 但是注意def子函数是空的无意义函数
    

复制代码

常用函数

1. 
   
2. eval("代码")//将字符转换为代码执行
   
3. 变量名.toString(进制)//将数字转换为特定进制的字符
   
4. 变量名.toFixed(保留多少位)//避免精准度问题
   
5. 变量名.length //长度
   

复制代码

模块
原生JS导入函数库(注意script元素一定要打上标签type="module")::

1. import 引用的模块内容 from 来源文件的线路
   
2. import * export default from 线路/*引用整个文件*/
   

复制代码

NODEJS::
注意这个是终端命令

1. npm 安装操作

复制代码

Random

1. 
   
2. //random是非常有趣且实用的
   
3. console.log(Math.random())
   
4. //生成0-1之间的伪随机数
   
5. console.log(Math.floor(Math.random()*10))
   
6. //在0-10之间随机生成整数
   
7. //Math.floor是向下取整
   

复制代码

结语
好像1章还讲不完
那我们就分几张讲
大家休息吧

克里昂一世

看得我头晕
但，前排支持！

XiaozhiSans

挺好的
至少我能理解

观察猪

讲的有点快
能讲讲递归吗

我是李君子

观察猪 发表于 2024-2-9 15:32
讲的有点快
能讲讲递归吗

这个东西其实很简单
只不过专业术语总是把他弄得很难理解

假如你需要连续过滤多个条件
那么呢很简单我们就能知道
我们判断之后还需要在加上一个或多个判断
第一个判断完执行下一个判断 判断完再执行下一个判断 以此类推 这就是一种简单的递归

shundebo

Linux方法。。。
你指望全世界用pkg
最好标注一下

mouranj

看不懂思密达(

GivenSvelte87

还是JS大佬(

PorkHamburger

只学过python,看不懂