前端学 Ruby:熟悉 Ruby 语法

简介: 前端学 Ruby:熟悉 Ruby 语法

写在前面

我们当然希望能在本地中执行代码,如果你还没有只是看看,还没安装 ruby,可以在 try ruby 或者 replit 在线编写代码

本文目录

Ruby 是什么

基本语法

  • 变量
  • 算术操作
  • 位运算符
  • 打印输出
  • 注释

条件语句:控制流

循环/迭代器

数据结构

  • String
  • Integer/Float
  • Array
  • Hash
  • Set
  • Range

函数(方法)

面向对象编程

  • 对象

Ruby 是什么

弱类型语言

Ruby 是一门弱类型语言,和 JavaScript 一样

a = 5;
a = 'Hello'
puts a # Hello

命名风格

像变量(variable)、符号(symbol)、方法(method),通常使用 snake_case 风格

snake_case 风格即短语内的各个单词之间以下划线做间隔

像常数(constant),使用 CONST_FOO 风格

类名(class name),使用骆驼 (CamelCase)风格

文件名(file name),使用 snake_case 风格

“$”开头的变量:全局变量

“@”开头的变量:实例变量

“@@”开头的变量:类变量

小写字母或者下划线(_)开头的变量:局部变量

基本语法

Ruby 的赋值不需要加任何关键字,直接一个 变量名=值 即可

变量

x = 25 # => 25
x # => 25

注意赋值语句返回了赋的值,这意味着你可以用多重赋值语句

x = y = 10 # => 10
x # => 10
y # => 10
# 除了整数,我们还可以使用booleans、string、symbol、float 等数据类型
# booleans
true_boolean = true
false_boolean = false
# string 
my_name = 'johnny'
# symbol
a_symbol = :my_symbol
# float 
book_price = 15.80

算术操作

1 + 1 # =>2
7 - 1 # => 6
10 * 9 # => 90
42 / 7 # => 6
2 ** 5 # => 32 2的5次方
5 % 3 # => 2

位运算符

3 & 5 # => 1
3 | 5 # => 7
3 ^ 5 # => 6

打印输出

puts "I'm printing!" # 打印输出,并在末尾加换行符
#=> I'm printing!
#=> nil
print "I'm printing!" # 打印输出,不加换行符
#=> I'm printing! => nil
# ⭐除此之外,还可以用缩写 p
p "I'm printing!"

注释

# 单行注释
=begin
 多行注释
=end

条件语句:控制流

通过 if...else... 做条件判断。如果为真,它会执行语句中的内容。例如:

if true
    puts "Hello Ruby If"
end
if 2 > 1
    puts "2 大于 1"
end

与 JavaScript 相比,它没有更多的括号,只写必要的东西,但是因为没有中括号,所以当要结束时,需要用 end 来做分离

后续的 def(函数标识符)、class(类标识符)都会有 end 来做结束

除此之外,还有 if...else...

if 2 > 1
 puts "2 大于 1"
else
    puts "2 小于 1"
end

还有 elsif 语法,注意不是 elseif,而是elsif,它,缩写了

if 2 > 1
 puts "2 大于 1"
elsif 2 < 1
    puts "2 小于 1"
else
    puts "2 等于 1"
end

我们还可以用「倒装句」来写 if 语句

def hey_ho?
    true
end
puts "let's go" if hey_ho?

循环/迭代器

在 Ruby 中,我们可以以多种不同的方式进行迭代。这里我们讨论三个迭代器:while、for 和 each

while 循环

只要语句为真,代码块中的代码就会被执行,如打印 1 到 10 的数字:

num = 1
while num <= 10
    puts num
    num += 1
end

看看,Ruby 的代码整洁的好看

For 循环

将变量 num 传递给块,for 语句将迭代它:

for num in 1...10
    puts num
end

Each 迭代器

与其他两种不同,这种写法更像调用方法

[1, 2, 3, 4, 5].each do |num|
    puts num
end

其中 each 迭代器和 for 循环有什么不同呢? each 迭代器只维护迭代块内的变量,而 for 循环允许变量存在于块外

# for vs each
# for looping
for num in 1...5
    puts num
end
puts num # => 5
# each iterator
[1, 2, 3, 4, 5].each do |num|
    puts num
end
put num # => undefined local variable or method `num' for main:Object (NameError)

这里就牵扯到 block(块)了,在用 each 的时候也用到了 do 关键字,它会定义块,块会形成作用域,作用域内部的变量,外部不能方面(这里可以联想到 ES6 中的块级作用域)

数据类型

Ruby 的数据类型有很多,很细分,有String、Number、Float、Array、Hash、Set、Range、Symbol、Boolean、Nil 等等。我们通过 x.class 能得知它的数据类型,通过object_id 得知它的内存地址

String(字符串)

a = 'asdf' # asdf 将 asdf 赋值给a
a[0] = 'b' # ruby 中一切皆对象
a.object_id # 70123455667 
a[1] = 'c' # c
a.object_id # 70123455667 ,a 不变
b = 'asdf' # 与 a 的值一样
b.object_id # 72343954534,但 object_id 不一样,说明他们的内存地址不一样,和 JavaScript 的引用类型一样,每次赋值都存在堆内存里,所以说 ruby 性能差
# 在 Ruby 中,一切皆对象,比 JavaScript 更加彻底
a.class # String class 方法是判断它的类型

字符串的多种赋值方式

a = 'asdf' # 用单引号
"something#{a}" # somethingasdf 双引号相当于 javascript 中的模板字符串(``)
%q('asddas'dasda'') # "'asddas'dasda''"  保留你输入的任何值
%Q("sadsd") # "\"\"sadsd\"\"" 转义 
<<-Text
sdsd
dsadsad
dsdas
TEXT # 多行
"asdfgh".reverse # hgfdsa 反转
"hello".include?('o') # true 是否存在字母o
"hello".index('l') # 2
"asdf".sub('s', 'b') # "adbf" 将 s 替换成 b
"asdf".sub!('s', 'b') # "abdf" 
! 有什么用呢,它能改变原值
a = 'asdf' # asdf
a.sub('s', 'b') # abdf
a # asdf  a 的值没有变化
a.sub!('s', 'b') # abdf
a # abdf  a 的值发生改变
a.size # 字符串长度

Integer(整数)/Float(浮点数)

66 # 66
66.class # Integer 整数
3.2 # 3.2
3.2.class # Float 浮点数
3.even? # 是否为偶数
3.odd? # 是否为奇数
283.to_s # 转化为 string 
3.times { p 'love' } # 打印三次 love
3 & 1 # 1 
3.232323.round(2) # 小数点保留 2 位

如果想把数字1存储在名为 one 的变量中:

one = 1

同理,如果要赋值数字2,数字1000,就可以如此:

two = 2
some_number = 10000

数组

array = [1, 2, 3, 4, 5] # => [1, 2, 3, 4, 5]

数组可以包含不同类型的元素

[1, "hello", false] # => [1, "hello", false]

数组可以被索引,从前面开始

array[0] # => 1
array.first # => 1 # 牛逼,这样都可以,array.second 是不是 hello,不妨一试
array[12] # => nil # nil 就是 js 中的 null 的意思吧

往数组中添加新值最常见的方法是 push 和 <<

array = []
array.push("1")
array.push("2")
puts array[0] # 1
puts array[1] # 2

<< 方法略有不同:

array = []
array << "3"
array << "4"
puts array[0] # 3
puts array[1] # 4

当然,还可以把 << 当作方法来使用,我的意思是说可以用. 来调用

array = []
array.<<("5")
puts array[0] # 5

数组是对象,引用类型

a = [] # []
a.object_id # 7012434563
b = a # []
b.object_id # 7012434563 与 a 一样,引用的是同一个内存地址
a << 'foo' # ["foo"]
a # ["foo"]
a.object_id # 7012434563
b # ["foo"]
b.object_id # 7012434563
# 创建方式: 对象字面量[]、还有 Array.new
a = Array.new # []
a = Array.new(3) # [nil, nil, nil] 
a = Array.new(3, 0) # [0,0,0]

特别注意

a = Array.new(3, 'asdf') # ["asdf", "asdf", "asdf"]
a[0] # "asdf"
a[0][0] = 'b' # b
a[0] # "bsdf"
a # ["bsdf", "bsdf", "bsdf"]
a[0].object_id # 7012838949
a[1].object_id # 7012838949
a[2].object_id # 7012838949
# 因为它们是引用对象,指向同一个引用
# 如何只改变数组中的第一项,不改变其他的,使用 block(块)
a = Array.new(3) { 'asdf' } # ["asdf", "asdf", "asdf"]
a[0].object_id # 7022838393
a[1].object_id # 7323856575
a[2].object_id # 7342657667

第三种创建数组的方法

arr = %w(foo, bar, baz) # ["foo", "bar", "baz"]

数组的常用方法

# 以上面 arr 为例子
arr[0] # "foo"
arr[-1] # "baz"
arr[1..2] # 取区间["bar", "baz"]
arr.fetch(0) # foo
arr.fetch(4) # 报错 
arr.fetch(4, "asdf") # "asdf"
arr.length # 3
arr.include?("sdad") # 是否存在sdad ,false
arr.include?('foo') # true
arr.empty?() # 是否为空 false
arr.push('ber') # ["foo", "bar", "baz", "ber"]
arr[7] = 'asdf' # ["foo", "bar", "baz", "ber", nil, nil, nil, "asdf"]
arr.delete("ber") # ["foo", "bar", "baz", nil, nil, nil, "asdf"]
arr.push("bar") # ["foo", "bar", "baz", nil, nil, nil, "asdf", "bar"]
arr.uniq # 取唯一,删除多余的值 ["foo", "bar", "baz", nil, "asdf"]
# arr.uniq! !会改变原数组
arr.shuffle # 颠倒 ["asdf", nil, nil, nil, "baz", "bar", "foo"]
arr1 = [[1,2,3], [4, 5]]
arr.flatten # 扁平化 [1, 2, 3, 4, 5]

数组的遍历方法

arr = [1, -1, 2, 3, -4]
arr.each { |e| p e } # e 为数组中的每一项, p 为 put 打印, p e 打印每一项值
# 1, -1, 2, 3, -4
arr.reverse_each { |e| p e} # 倒着遍历 -4, 3, 2, -1, 1
arr.each_width_index {|e, i| p [e, i] } # [1, 0] [-1, 1] [2, 2] [3, 3] [-4, 4]
arr.sort # [-4, -1, 1, 2, 3]
arr.select { |e| e > 0} # 选择大于0的元素,[1, 2, 3]

哈希表:Key-Value数据结构/字典集合

JavaScript 的数据类型中是没有 hash 的,但在 Ruby 中有。它的特点是以键/值对表示

因为在数组中我们用数字索引来获取到值,而 hash 数据结构中可以使用数字、字符串或者其他类型来做索性

随便一说,JavaScript 中虽然没有 hash,但是它的 object 的功能就是 hash

哈希就键值对的结合,例如:

hash = {"color" => "green", "number" => 5}
hash.keys #=> ['color', 'number']
# 哈希表可以通过键快速地查询
hash['color'] # => 'green'
hash['number'] # => 5
# 查询一个不存在的键会返回 nil
hash['nothing here'] # => nil
# 添加数据
hash['print'] = 27.6 # => 27.6

{ } 字面量表示 hash

a = { key: 'value' } # {:key => "value"}
b = a # {:key => "value"}
b.object_id # 91860
a.object_id # 91860
a[:key] = 'foo' # foo
a # {:key => "foo"}
b # {:key => "foo"}

另一种创建 hash 的方法,new

Hash.new # {}
h = Hash.new(3) # {}
h[0] # 3
h[1] # 3

哈希的方法

h = {a: 1, b: 2}
h[:c] = 3
h # {:a=>1, :b=>2, c=>3}
h[:a] # 1
h.delete(:a) # 1
h # {:b=>2, c=>3}
h.assoc(:b) # 获取 key 和 value [:b, 2]
h.empty?() false 
h.has_value?(2) # 是否有值 2, true
h.has_key?(:b) # 是否有值:b, true
h.keys # [:b, :c]
h.values  # [2, 3]
h.to_a # 变成 array [[:b, 2], [:c, 3]]
h2 = {d: 4}
h.merge(h2) # {:b=>2,:c=>3,:d=>4}

hash 的遍历方法

h.each { |key, value| p [key, value]} # [:b, 2] [:c, 3]
h.each_key { |key| p key } # :b :c
h.each_value {|v| p v} # 2 3
h.select { |key| key == :b} # {:b=>2}

集合(Set)

require 'set' # 命令行中默认不引用 set
a = Set.new [1, 2] # <Set: {1, 2}>
a.add("foo") # Set: {1, 2, "foo"}>
b = Set.new [2, 3, 4] #Set: {2, 3, 4}>
a & b # Set: {2}>
a | b # Set: {1, 2, ”foo", "3", "4"}>
a <= b # b 是否是 a 的子集, false
b <= a # a 是否是 b 的子集, false

范围(Range)

闭区间,使用两个点(..)来表示

r = 1..5 # 1, 2, 3, 4, 5 
r.include?(2) # true
a = [1, 2, 3, 4]
a[1..2] # [2, 3]

开区间,使用三个点(...)来表示

r = 1...5 # 包括 1, 2, 3, 4

其他数据类型

当然,还有一些会用但比较简单的数据类型,这里简单带过

Symbol:符号:不可变类型。优点,查找速度快,缺点是不会被垃圾回收,造成内存不够的可能

Boolean:布尔值

Nil:空值

Regexp:正则表达式

函数(方法)

def double(x)
    x * 2
end
# 函数(以及所在的块)隐式地返回最后语句的值
double(2) # => 4
# 当不存在歧义的时候括号可有可无
double 3 # => 6
double double 3 # => 12
def sum(x, y)
    x + y
end
# 方法的参数通过逗号分隔
sum 3, 4 #=> 7
sum sum(3, 4), 5 => 12
# yield 
# 所有的方法都有一个隐式的,可选的块参数
# 可以用 ‘yield’ 关键字调用
def surround
    puts "{"
    yield
    puts "}"
end
surround { puts "hello world" }
# {
# hello world
# }
# => nil

面向对象编程

对象

在 Ruby 中,(几乎)所有东西都是对象

# 数字是对象
3.class #=> Interger
3.to_s #=> "3"
# 字符串是对象
"Hello".class #=> String
# 方法也是对象
"Hello".method(:class).class => Method

类(Class)

类 = 属性 + 方法

在前面,我们谈到了 Ruby 的对象,我们说 Ruby 中的任何东西都是对象。而作为一种面向对象的编程语言,Ruby 使用了类和对象的概念

“类”是一种定义对象的方法,如图书、狗、自行车

“对象”有两个主要特征:数据(属性)和行为(方法)

语法很简单,例如:

class Book
end

我们用 class 语句定义 Book 并以 end 结束

对象是类的实例。我们通过调用 .new 方法创建一个实例

book = Book.new

这里的书 是书类的 一个对象(或实例)

我们定义书类将具有 4 个属性:书名、作者、星、价格

我们重新定义我们的类 Book :

class Book
    def initialize(title, author, star, price)
     @title = title
        @author = author
        @star = star
        @price = price
    end
end

我们将 initialize 方法成为构造方法,当我们要使用这个类时,就可以这样:

book1 = Book.new('金瓶梅', '兰陵笑笑生', '五星', 16.8)

我们还可以定义书的行为:读书

class Book
    def initialize(title, author, star, price)
     @title = title
        @author = author
        @star = star
        @price = price
    end
    def read
        puts "我读 #{@title},这本书的作者是 #{@author},推荐指数 #{@star},价格 #{@parice} 元"
    end
end

使用该类创建对象的实例代码如下:

book1 = Book.new('金瓶梅', '兰陵笑笑生', '五星', 16.8)
book2 = Book.new('南回归线', '亨利·米勒', '五星', 66.6)
book1.read # 我读金瓶梅,这本书的作者是兰陵笑笑生,推荐指数五星,价格 16.8 元
book12.read # 我读南回归线,这本书的作者是亨利·米勒,推荐指数五星,价格 66.6 元

参考资料

  • Y分钟速成X
  • Learning Ruby: From Zero to Hero


相关文章
|
8月前
|
前端开发 JavaScript 数据库
前端学Ruby:全栈论坛(地宫)项目一
前端学Ruby:全栈论坛(地宫)项目一
48 0
|
1月前
|
前端开发 JavaScript Java
【前端技术】 ES6 介绍及常用语法说明
【前端技术】 ES6 介绍及常用语法说明
20 4
|
18天前
|
存储 缓存 JavaScript
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
【前端 - Vue】之 Keep-Alive缓存组件使用语法及原理解析,超详细!
|
2月前
|
Dart 前端开发 开发者
【Flutter前端技术开发专栏】Flutter Dart语言基础语法解析
【4月更文挑战第30天】Dart是Google为Flutter框架打造的高效编程语言,具有易学性、接口、混入、抽象类等特性。本文概述了Dart的基础语法,包括静态类型(如int、String)、控制流程(条件、循环)、函数、面向对象(类与对象)和异常处理。此外,还介绍了库导入与模块使用,帮助开发者快速入门Flutter开发。通过学习Dart,开发者能创建高性能的应用。
【Flutter前端技术开发专栏】Flutter Dart语言基础语法解析
|
2月前
|
前端开发
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
【Web前端】CSS基本语法规范和引入方式&&常见选择器用法&&常见元素属性
|
2月前
|
前端开发 JavaScript 小程序
系统刷JavaScripit 构建前端体系(语法篇)
系统刷JavaScripit 构建前端体系(语法篇)
25 1
|
2月前
|
前端开发
web前端-HTML-div语法
web前端-HTML-div语法
|
2月前
|
前端开发 JavaScript 小程序
|
2月前
|
XML 前端开发 JavaScript
【前端】深入了解React JSX语法及实例应用
【前端】深入了解React JSX语法及实例应用
32 0
|
2月前
|
Ruby