开启辅助访问     
收藏本站

站内搜索

搜索

Minecraft(我的世界)苦力怕论坛

[开发教程] JavaScript 大佬速成 - 1 原生JavaScript 部分

 发表于 2024-2-6 18:02:26 来自手机|显示全部楼层|阅读模式 IP:河北省
本帖最后由 我是李君子 于 2024-2-7 23:04 编辑

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


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

如何使用
Web方法

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

Linux方法

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

Screenshot_2024-02-06-16-16-48-170_com.termux-edit.jpg

输入输出
  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方法是存在的
Screenshot_2024-02-06-16-25-02-503_com.tao.jseditor-edit.jpg

变量

  1. var name = something
  2. //声明一个变量为任意类型的值 此方法会污染全局
  3. let name = something
  4. //声明一个变量为任意类型的值 此方法不会污染全局
  5. const name = something
  6. //声明一个固定的量为任意类型的值 此方法不会污染全局
  7. /*可生明的变量类型有
  8. 布尔类型 即true 和false
  9. 数字类型 如123456
  10. 字符类型 如"str"
  11. 函数类型 如function(){ code }
  12. 对象类型 如{ code }
  13. 数组类型 如[]
  14. 关于对象类型
  15. var obj = {
  16.   成员1: 成员1的值
  17.   成员2: 成员2的值
  18. 对象成员可以是任意类型
  19. 对象内的值可以用this引用同对象里的值
  20. }
  21. 对象外引用对象内的值语言用.运算符引用
  22. 比如obj.num1

  23. 关于数组类型
  24. var array = [1,2,3]
  25. 对应的索引为array[0] array[1] array[2]

  26. 声明变量需要注意命名规范
  27. 变量名不能以数字开头
  28. JS没有C一样的指针 也没有PHP一样的文件指针
  29. */
  30. 1 + 1
  31. //2 变量加减
  32. 1 + "1"
  33. //2 将字符转换为变量加减
  34. 1 + "str"
  35. //1str 字符拼接
  36. !""
  37. //false 符号运算
  38. name++;++name
  39. //变量自加
  40. name--
  41. //变量自减
  42. /*
  43. 基础运算符
  44. +_*/%
  45. 分别对应 加 减 乘 除 求余数
  46. 逻辑运算符
  47. ! && ||
  48. 分别对应 非 与 或
  49. */
复制代码


判断与循环

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


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

  1. //例子
  2. var obj = {
  3.   num1 : 12,
  4.   num2 : "5",
  5.   num3 : this.num1 + obj.num2/*17 +会先试着把字符转换为数字*/,
  6.   def: function(){}
  7. }
  8. //声明函数mydef
  9. function mydef(num){
  10.   return num
  11. }
  12. //num为函数参数 一个函数可以有多个参数
  13. alert(mydef(5))//使用自定义函数 返回mydef的num参数的值给alert函数的第一个参数 弹出5

  14. const myfunction = str => { console.log(str); return str; }
  15. //声明剪头函数myfunction
  16. console.log(myfunction("字符"))
  17. //输出 字符字符

  18. function(){}
  19. //该函数会立即执行

  20. obj.def()
  21. //执行obj的def子函数 但是注意def子函数是空的无意义函数
复制代码


常用函数

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


模块
原生JS导入函数库(注意script元素一定要打上标签type="module")::
  1. import 引用的模块内容 from 来源文件的线路
  2. import * export default from 线路/*引用整个文件*/
复制代码

NODEJS::
注意这个是终端命令
  1. npm 安装操作
复制代码


Random

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


结语
好像1章还讲不完
那我们就分几张讲
大家休息吧
苦力怕论坛,感谢有您~
 发表于 2024-2-6 18:14:09 来自手机|显示全部楼层 IP:江西省
看得我头晕
但,前排支持!
2#2024-2-6 18:14:09回复收起回复
苦力怕论坛,感谢有您~
回复支持

使用道具举报

 发表于 2024-2-7 23:00:46|显示全部楼层 IP:湖南省
挺好的
至少我能理解
3#2024-2-7 23:00:46回复收起回复
苦力怕论坛,感谢有您~
回复支持

使用道具举报

 发表于 2024-2-9 15:32:44 来自手机|显示全部楼层 IP:湖北省
讲的有点快
能讲讲递归吗
4#2024-2-9 15:32:44回复收起回复
苦力怕论坛,感谢有您~
回复支持

使用道具举报

 楼主|  发表于 2024-2-9 16:41:33 来自手机|显示全部楼层 IP:河北省
观察猪 发表于 2024-2-9 15:32
讲的有点快
能讲讲递归吗

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

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

5#2024-2-9 16:41:33回复收起回复
苦力怕论坛,感谢有您~
回复支持

使用道具举报

 发表于 2024-2-18 18:37:12 来自手机|显示全部楼层 IP:广东省
Linux方法。。。
你指望全世界用pkg
最好标注一下
6#2024-2-18 18:37:12回复收起回复
苦力怕论坛,感谢有您~
回复支持

使用道具举报

 发表于 2024-2-26 01:45:48|显示全部楼层 IP:上海
看不懂思密达(
7#2024-2-26 01:45:48回复收起回复
苦力怕论坛,感谢有您~
回复支持

使用道具举报

 发表于 2024-2-26 22:02:03|显示全部楼层 IP:河南省
还是JS大佬(
8#2024-2-26 22:02:03回复收起回复
苦力怕论坛,感谢有您~
回复支持

使用道具举报

 发表于 2024-3-6 22:54:30|显示全部楼层 IP:上海
只学过python,看不懂
9#2024-3-6 22:54:30回复收起回复
苦力怕论坛,感谢有您~
回复支持

使用道具举报

 发表于 2024-12-3 11:52:32 来自手机|显示全部楼层 IP:广东省
      jsfuck
10#2024-12-3 11:52:32回复收起回复
苦力怕论坛,感谢有您~
回复支持

使用道具举报

本版积分规则

本站
关于我们
联系我们
坛史纲要
官方
哔哩哔哩
技术博客
下载
网易版
安卓版
JAVA
反馈
意见建议
教程中心
更多
捐助本站
QQ群
QQ群

QQ群

访问手机版

访问手机版

手机版|小黑屋|系统状态|klpbbs.com

粤公网安备 44200002445329号 | 由 木韩网络 提供支持 | GMT+8, 2024-12-13 09:00

声明:本站与Mojang以及微软公司没有从属关系

Powered by Discuz! X3.4 粤ICP备2023071842号-3